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

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

Zebra-Effekt bei Befehl th

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

<style type="text/css"><!--
  th.even { 
    background-color: gray238;
  }
  th.odd { 
    background-color: #999999;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="even">QA~A</td><td class="odd">QB~A</td><td class="even">QC~A</td></tr>
<tr><td class="even">QA~B</td><td class="odd">QB~B</td><td class="even">QC~B</td></tr>
<tr><td class="even">QA~C</td><td class="odd">QB~C</td><td class="even">QC~C</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten des HTML-Befehl th sind in der HTML Referenz unter <th> genau gezeigt.

Hintergrund/Text-Kombination bei HTML-Tag a

Einen Verweis erzeugen Sie mit HTML-Befehl <a>. Diesen können Sie farblich gestalten.

Wir ändern in diesem Beispiel die Textfarbe von <a> auf Farbwert #999999 und die Hintergrundfarbe von <a> auf Farbe gray238. Die Schriftart setzen wir auf sans-serif und setzen die Schriftgröße auf 121%.

<style type="text/css"><!--
  a { 
    color: #999999; 
    font-family: sans-serif; 
    background-color: gray238; 
    font-size: 121%;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum HTML-Befehl a lesen Sie in der HTML Referenz unter <a>.