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

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 #333333

Zebra-Effekt von Befehl tr

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

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

Diese werden dann abwechselnd angewendet.

<table>
<tr class="gerade"><td>U1,1</td><td>U2,1</td><td>U3,1</td></tr>
<tr class="ungerade"><td>U1,2</td><td>U2,2</td><td>U3,2</td></tr>
<tr class="gerade"><td>U1,3</td><td>U2,3</td><td>U3,3</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML nachlesen. Möglichkeiten des Tag <tr>.