Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #eee8aa und Farbwert #696969

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Beispiele zur Kombination von Farbwert #eee8aa und Farbwert #696969

Füllen und Umranden mit HTML-Befehl dfn

Bei diesem Beispiel umranden wir <dfn> mit einem einfallenden, 3 Pixel dicken Rahmen in Farbwert #696969 . Die Hintergrundfarbe für <dfn> setzen wir auf Farbwert #eee8aa. Dies geht in HTML nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  dfn { border:3px inset #696969; background-color:#eee8aa; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Mehr zum hier verwendeten HTML-Tag dfn ist in der HTML Referenz bei <dfn> genau gezeigt.

Zebra-Effekt bei HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit den Hintergrundfarben Farbwert #eee8aa und Farbwert #696969.

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

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="yang">O1/1</td><td class="ying">O2/1</td><td class="yang">O3/1</td></tr>
<tr><td class="yang">O1/2</td><td class="ying">O2/2</td><td class="yang">O3/2</td></tr>
<tr><td class="yang">O1/3</td><td class="ying">O2/3</td><td class="yang">O3/3</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum hier genutzten HTML-Befehl th ist in der HTML Referenz unter <th> ausführlich zusammengestellt.