Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000080 und Farbwert #dcdcdc

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 #000080 und Farbwert #dcdcdc

Füllen und Umranden mit HTML-Befehl hr

In diesem Beispiel umranden wir <hr> mit einem einfallenden, 2 Punkte dicken Rahmen in Farbwert #dcdcdc . Den Hintergrund von <hr> färben wir entsprechend mit Farbwert #000080. In HTML ist das nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  hr { border:2pt inset #dcdcdc; background-color:#000080; }
//-->
</style>

Mehr zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der HTML-Tag hr ist in der HTML Referenz unter <hr> genau beschrieben.

Zebra-Effekt bei Befehl tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit den Hintergrundfarben Farbwert #000080 und Farbwert #dcdcdc.

<style type="text/css"><!--
  tr.odd { 
    background-color:#000080;
  }
  tr.even { 
    background-color:#dcdcdc;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="odd"><td>PA.A</td><td>PB.A</td><td>PC.A</td></tr>
<tr class="even"><td>PA.B</td><td>PB.B</td><td>PC.B</td></tr>
<tr class="odd"><td>PA.C</td><td>PB.C</td><td>PC.C</td></tr>
</table>

Weiteres zu tr erfahren Sie in Tabellen in HTML. Weiteres zum hier verwendeten HTML-Tag tr finden Sie in der HTML Referenz unter <tr>.