Freitag, 18. Mai 2012
Grafische Aufzählungspunkte
Die meisten Listen sehen ziemlich gleich aus. Wer keine Lust darauf hat, kann mittels CSS ohne größere Probleme eigene Grafiken als Listenpunkte verwenden.

Über den CSS-Befehl "list-style-image" kann man in einer Liste Listenpunkte mit einer Grafik versehen.
Diese Möglichkeit macht Aufzählungen abwechslungsreicher, und gegebenen Falls auch übersichtlicher.
Der Code, um eigene Grafiken als Listenpunkte zu benutzen lautet wie folgt:

CODE:
<ul style="list-style-image: url(grafik.gif);">
<li>Listenpunkt1</li>
<li>Listenpunkt2</li>
<li>Listenpunkt3</li>
</ul>

Unter url wird die Adresse zur Grafik angegeben.

Beispiele:
  • Test 1
  • Test 2
  • Test 3
  • Test 1
  • Test 2
  • Test 3
  • Test 1
  • Test 2
  • Test 3

Tipp

Nun folgen einige Grafiken, die Du in einer Liste benutzen kannst (Einfach über "Rechsklick » Bild speichern unter..." abspeichern).



Generierungszeit: 0.215 sec