Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #00ffff und Farbe gray

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Beispiele zur Kombination von Farbwert #00ffff und Farbe gray

Zebra-Effekt bei HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbwert #00ffff und Farbe gray.

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

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">PA~A</td><td class="even">PB~A</td><td class="odd">PC~A</td></tr>
<tr><td class="odd">PA~B</td><td class="even">PB~B</td><td class="odd">PC~B</td></tr>
<tr><td class="odd">PA~C</td><td class="even">PB~C</td><td class="odd">PC~C</td></tr>
</table>

Weiteres zum Thema th finden Sie in Tabellen in HTML. Die Beschreibung des Tag th lesen Sie in der HTML Referenz unter <th>.

Hintergrund/Text-Kombination bei Befehl h5

Eine Überschrift erzeugen Sie mit Tag <h5> und kann farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h5> auf Farbe gray und die Hintergrundfarbe von <h5> auf Farbwert #00ffff. Die Schriftart ändern wir auf courier new. Die Schriftgröße vergrößern wir auf 124%.

<style type="text/css"><!--
  h5 { 
    background-color: #0ff; 
    font-size: 124%; 
    color: gray; 
    font-family: courier new;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Befehl h5 ist in der HTML Referenz unter <h5> genau gezeigt.