Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #008080 und Farbe red

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 #008080 und Farbe red

Hintergrund/Text-Kombination von HTML-Tag h2

Mit HTML-Befehl <h2> setzen Sie eine Überschrift. Diese kann farblich gestaltet werden.

Wir ändern für dieses Beispiel die Textfarbe von <h2> auf Farbe red und die Hintergrundfarbe von <h2> auf Farbwert #008080. Die Schriftart setzen wir auf monospace. Die Schriftgröße ändern wir auf 9pt.

<style type="text/css"><!--
  h2 { 
    font-family: monospace; 
    color: red; 
    background-color: #008080; 
    font-size: 9pt;
  }
//-->
</style>

Weiteres zum Thema h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Befehl h2 ist in der HTML Referenz bei <h2> zusammengestellt.

Zebra-Effekt bei HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten 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 #008080 und Farbe red.

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="odd">W1~1</td><td class="even">W2~1</td><td class="odd">W3~1</td></tr>
<tr><td class="odd">W1~2</td><td class="even">W2~2</td><td class="odd">W3~2</td></tr>
<tr><td class="odd">W1~3</td><td class="even">W2~3</td><td class="odd">W3~3</td></tr>
</table>

Mehr zu th finden Sie in Tabellen in HTML. Beschreibung vom Befehl <th>.