Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #808000 und Farbwert #2e8b57

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 #808000 und Farbwert #2e8b57

Zebra-Effekt mit HTML-Befehl th

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit unterschiedlichen Hintergrundfarben Farbwert #808000 und Farbwert #2e8b57.

<style type="text/css"><!--
  th.ger { 
    background-color:#808000;
  }
  th.ung { 
    background-color:#2e8b57;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ger">Ma-a</td><td class="ung">Mb-a</td><td class="ger">Mc-a</td></tr>
<tr><td class="ger">Ma-b</td><td class="ung">Mb-b</td><td class="ger">Mc-b</td></tr>
<tr><td class="ger">Ma-c</td><td class="ung">Mb-c</td><td class="ger">Mc-c</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML nachlesen. Weiteres zum HTML-Tag th finden Sie in der HTML Referenz unter <th>.

Füllen und Umranden bei Tag pre

Für dieses Beispiel umranden wir <pre> mit einem . Die Hintergrundfarbe für <pre> setzen wir entsprechend auf Farbwert #808000. Dies ist mit HTML so kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  pre { border:1pt ridge #2e8b57; background-color:#808000; }
//-->
</style>

Mehr zum Thema pre lesen Sie in Blockorientierte Elemente in HTML. Mehr zum hier verwendeten Befehl <pre>.