Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray85 und Farbwert #bbbbbb

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Beispiel zur Kombination von Farbe gray85 und Farbwert #bbbbbb

Zebra-Effekt mit Tag td

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit unterschiedlichen Hintergrundfarben Farbe gray85 und Farbwert #bbbbbb.

<style type="text/css"><!--
  td.ying { 
    background-color:gray85;
  }
  td.yang { 
    background-color:#bbbbbb;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ying">WA.A</td><td class="yang">WB.A</td><td class="ying">WC.A</td></tr>
<tr><td class="ying">WA.B</td><td class="yang">WB.B</td><td class="ying">WC.B</td></tr>
<tr><td class="ying">WA.C</td><td class="yang">WB.C</td><td class="ying">WC.C</td></tr>
</table>

Weiteres zu td finden Sie in Tabellen in HTML. Mehr zum hier genutzten HTML-Befehl td ist in der HTML Referenz unter <td> ausführlich beschrieben.