Zum Ausblenden des Textes gibt es ein <span> mit display:none

Die Listen-Elemente habe alle eine eigene id. Dadurch können individuelle Bilder und Maße verwendet werden.

Sie werden nur als Ausschnitt gezeigt mit background-position verschoben.

Diese Technik nennen einige Webdesigner „CSS-Sprite“. Sie war 2013/2014 bei der IHK-Prüfung ein Schwerpunktthema.

Das sind die verwendeneten Hintergrund-Bilder: