Farbige Listensymbole Drucken E-Mail
Scripting-Tipps - CSS

Was Textverarbeitungsprogramme schon lange können, ist mit CSS ebenso kinderleicht. Normalerweise werden die Listensymbole in einer Aufzählungsliste immer schwarz dargestellt. Mit CSS ist es jedoch kinderleicht, diese auch anders zu gestalten.

Beispiel:

<ul>
  <li style="color: blue;"><span style="color: black;">Eintrag 1</span></li>
  <li style="color: red;"><span style="color: black;">Eintrag 1</span></li>
  <li style="color: green;"><span style="color: black;">Eintrag 1</span></li>
</ul>


Erklärung:
Mit diesem Beispiel werden die Listensymbole verschieden farbig dargestellt. Da die Farbangabe jedoch auch für den Text gilt, muss dieser mit einem span style wieder auf seine Ursprungsfarbe zurück gebracht werden.
 

Weitere Artikel: