Ungeordnete Listen formatieren
Beispiel 1: Durch den Einsatz von list-style-type können Sie das Aussehen einer ungeordneten Liste verändern:
- Item One
- Second Item
- Tertiary Bits
- Thing Four
Beispiel 2: Nur mit margin und padding können Sie eine ungeordnete Liste sehr schön aus Ihrem Fließtext hervorheben:
- Item One
- Second Item
- Tertiary Bits
- Thing Four
Beispiel 3: Nehmen Sie eine ansprechende Grafik und formatieren Sie die Listenelemente mit der CSS-Anweisung list-style-image:
- Item One
- Second Item
- Tertiary Bits
- Thing Four
Beispiel 4: Verwenden Sie die Pseudo-Klasse a:hover, um Ihre Liste optisch aufzumöbeln. Dieser Trick funktioniert jedoch nicht im IE6!:
- Item One
- Second Item
- Tertiary Bits
- Thing Four
Beispiel 5: Mit einem Mix aus Pseudo-Klasse a:hover, list-style-image (2 verschiedene Grafiken) und den CSS-Eigenschaften margin und padding erstellen Sie im Nu eine außergewöhnliche ungeordnete Liste. Achtung: im IE6 funktioniert diese Liste nicht!:
- Item One
- Second Item
- Tertiary Bits
- Thing Four