Ressourcen: 16 Graustufen in HTML - Kombination von Farbe gray187 und Farbwert #666666

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.

Beispiele zur Kombination von Farbe gray187 und Farbwert #666666

Zebra-Effekt bei HTML-Tag td

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit den Hintergrundfarben Farbe gray187 und Farbwert #666666.

<style type="text/css"><!--
  td.even { 
    background-color: gray187;
  }
  td.odd { 
    background-color: #666666;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="even">R1:1</td><td class="odd">R2:1</td><td class="even">R3:1</td></tr>
<tr><td class="even">R1:2</td><td class="odd">R2:2</td><td class="even">R3:2</td></tr>
<tr><td class="even">R1:3</td><td class="odd">R2:3</td><td class="even">R3:3</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Die Beschreibung vom hier gezeigten Befehl td lesen Sie in der HTML Referenz unter <td>.

Füllen und Umranden mit Befehl img

Bei diesem Beispiel umranden wir <img> mit einem 2 Punkte dicken, gezahnten Rahmen in Farbwert #666666 . Die Hintergrundfarbe für <img> färben wir mit Farbe gray187. Dies geht in HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  img { border:2pt ridge #666; background-color:gray187; }
//-->
</style>

Mehr zu img können Sie in Grafik in HTML lesen. Die Beschreibung vom hier genutzten Tag img lesen Sie in der HTML Referenz unter <img>.