Ressourcen: 137 HTML Farbnamen - Kombination von Farbe olivedrab und Farbwert #b0c4de

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 olivedrab und Farbwert #b0c4de

Hintergrund/Text-Kombination mit HTML-Tag dt

Wir ändern für dieses Beispiel die Textfarbe von <dt> auf Farbwert #b0c4de und die Hintergrundfarbe von <dt> auf Farbe olivedrab. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 9pt.

<style type="text/css"><!--
  dt { 
    font-family:sans-serif; 
    color:#b0c4de; 
    background-color:olivedrab; 
    font-size:9pt;
  }
//-->
</style>

Mehr zu dt erfahren Sie in Listen und Glossare in HTML. Mehr zum hier verwendeten Tag dt finden Sie in der HTML Referenz unter <dt>.

Zebra-Effekt bei HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbe olivedrab und Farbwert #b0c4de.

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="odd">G1,1</td><td class="even">G2,1</td><td class="odd">G3,1</td></tr>
<tr><td class="odd">G1,2</td><td class="even">G2,2</td><td class="odd">G3,2</td></tr>
<tr><td class="odd">G1,3</td><td class="even">G2,3</td><td class="odd">G3,3</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML finden. Einzelheiten des hier gezeigten HTML-Befehl th lesen Sie in der HTML Referenz unter <th>.