Ressourcen: 137 HTML Farbnamen - Kombination von Farbe floralwhite und Farbwert #66cdaa

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Beispiele zur Kombination von Farbe floralwhite und Farbwert #66cdaa

Füllen und Umranden von Befehl h1

Eine Überschrift wird mit Befehl <h1> gesetzt. Sie kann farblich gestaltet und hervorgehoben werden.

In diesem Beispiel umranden wir <h1> mit einem . Den Hintergrund von <h1> färben wir mit Farbe floralwhite. Mit HTML geht das kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h1 { 
    border-style:double; 
    border-width:3px; 
    background-color:floralwhite; 
    border-color:#66cdaa;
  }
//-->
</style>

Mehr zum Thema h1 finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten Befehl h1 finden Sie in der HTML Referenz unter <h1>.

Zebra-Effekt mit HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit unterschiedlichen Hintergrundfarben Farbe floralwhite und Farbwert #66cdaa.

<style type="text/css"><!--
  th.ger { 
    background-color:floralwhite;
  }
  th.ung { 
    background-color: #66cdaa;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ger">Ba-a</td><td class="ung">Bb-a</td><td class="ger">Bc-a</td></tr>
<tr><td class="ger">Ba-b</td><td class="ung">Bb-b</td><td class="ger">Bc-b</td></tr>
<tr><td class="ger">Ba-c</td><td class="ung">Bb-c</td><td class="ger">Bc-c</td></tr>
</table>

Mehr zu th lesen Sie in Tabellen in HTML. Mehr zum HTML-Tag <th>.