Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #555555 und Farbwert #dddddd

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 #555555 und Farbwert #dddddd

Zebra-Effekt bei HTML-Befehl td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt 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 Farbwert #555555 und Farbwert #dddddd.

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

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="ying">La.a</td><td class="yang">Lb.a</td><td class="ying">Lc.a</td></tr>
<tr><td class="ying">La.b</td><td class="yang">Lb.b</td><td class="ying">Lc.b</td></tr>
<tr><td class="ying">La.c</td><td class="yang">Lb.c</td><td class="ying">Lc.c</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML lesen. Zur Beschreibung vom hier verwendeten Befehl <td>.