Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #faf0e6 und Farbwert #708090

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 Farbwert #faf0e6 und Farbwert #708090

Zebra-Effekt mit Tag th

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit den Hintergrundfarben Farbwert #faf0e6 und Farbwert #708090.

<style type="text/css"><!--
  th.ying { 
    background-color: #faf0e6;
  }
  th.yang { 
    background-color: #708090;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ying">Xa,a</td><td class="yang">Xb,a</td><td class="ying">Xc,a</td></tr>
<tr><td class="ying">Xa,b</td><td class="yang">Xb,b</td><td class="ying">Xc,b</td></tr>
<tr><td class="ying">Xa,c</td><td class="yang">Xb,c</td><td class="ying">Xc,c</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML nachsehen. Mehr zum hier verwendeten HTML-Tag th ist in der HTML Referenz bei <th> genau zusammengestellt.

Füllen und Umranden bei HTML-Tag center

In diesem Beispiel umranden wir <center> mit einem . Den Hintergrund von <center> färben wir entsprechend mit Farbwert #faf0e6. Mit HTML ist das nicht machbar. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  center { border:4pt outset #708090; background-color:#faf0e6; }
//-->
</style>

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier verwendeten HTML-Tag center ist in der HTML Referenz unter <center> genau beschrieben.