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

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

Zebra-Effekt von HTML-Tag tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #555555 und Farbwert #000000.

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

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr class="gerade"><td><tt>a.a</td><td></tt>b.a</td><td><tt>c.a</td></tr>
<tr class="ungerade"><td></tt>a.b</td><td><tt>b.b</td><td></tt>c.b</td></tr>
<tr class="gerade"><td><tt>a.c</td><td></tt>b.c</td><td>@c.c</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Beschreibung des hier verwendeten HTML-Befehl <tr>.