Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe gray und Farbwert #00ffff

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Beispiele zur Kombination von Farbe gray und Farbwert #00ffff

Füllen und Umranden von Befehl li

Bei diesem Beispiel umranden wir <li> mit einem . Den Hintergrund von <li> färben wir mit Farbe gray. Das ist in HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  li { border:2px outset #00ffff; background-color:gray; }
//-->
</style>

Mehr zum Thema li finden Sie in Listen und Glossare in HTML. Weiteres zum Tag li ist in der HTML Referenz unter <li> ausführlich gezeigt.

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit unterschiedlichen Hintergrundfarben Farbe gray und Farbwert #00ffff.

<style type="text/css"><!--
  td.gerade { 
    background-color:gray;
  }
  td.ungerade { 
    background-color: #0ff;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="gerade">SA/A</td><td class="ungerade">SB/A</td><td class="gerade">SC/A</td></tr>
<tr><td class="gerade">SA/B</td><td class="ungerade">SB/B</td><td class="gerade">SC/B</td></tr>
<tr><td class="gerade">SA/C</td><td class="ungerade">SB/C</td><td class="gerade">SC/C</td></tr>
</table>

Weiteres zum Thema td lesen Sie in Tabellen in HTML. Mehr zum Befehl td ist in der HTML Referenz bei <td> genau zusammengestellt.