Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe grey und Farbe blue

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.

Beispiel zur Kombination von Farbe grey und Farbe blue

Zebra-Effekt bei Befehl tr

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit den Hintergrundfarben Farbe grey und Farbe blue.

<style type="text/css"><!--
  tr.ung { 
    background-color:grey;
  }
  tr.ger { 
    background-color: blue;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="ung"><td>V1,1</td><td>V2,1</td><td>V3,1</td></tr>
<tr class="ger"><td>V1,2</td><td>V2,2</td><td>V3,2</td></tr>
<tr class="ung"><td>V1,3</td><td>V2,3</td><td>V3,3</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachlesen. Mehr zum hier genutzten HTML-Befehl tr ist in der HTML Referenz unter <tr> ausführlich zusammengestellt.