Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #eeeeee und Farbwert #222222

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 Farbwert #eeeeee und Farbwert #222222

Zebra-Effekt von Befehl th

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit den Hintergrundfarben Farbwert #eeeeee und Farbwert #222222.

<style type="text/css"><!--
  th.gerade { 
    background-color:#eeeeee;
  }
  th.ungerade { 
    background-color:#222;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="gerade">Qa/a</td><td class="ungerade">Qb/a</td><td class="gerade">Qc/a</td></tr>
<tr><td class="gerade">Qa/b</td><td class="ungerade">Qb/b</td><td class="gerade">Qc/b</td></tr>
<tr><td class="gerade">Qa/c</td><td class="ungerade">Qb/c</td><td class="gerade">Qc/c</td></tr>
</table>

Weiteres zu th erfahren Sie in Tabellen in HTML. Einzelheiten vom hier genutzten Befehl th sind in der HTML Referenz bei <th> ausführlich zusammengestellt.