Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray238 und Farbwert #888888

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 gray238 und Farbwert #888888

Zebra-Effekt von HTML-Tag tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit den Hintergrundfarben Farbe gray238 und Farbwert #888888.

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

Diese werden abwechselnd verwendet.

<table>
<tr class="ung"><td>XA~A</td><td>XB~A</td><td>XC~A</td></tr>
<tr class="ger"><td>XA~B</td><td>XB~B</td><td>XC~B</td></tr>
<tr class="ung"><td>XA~C</td><td>XB~C</td><td>XC~C</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML nachsehen. Die Beschreibung vom hier gezeigten HTML-Befehl tr lesen Sie in der HTML Referenz unter <tr>.