Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #008000 und Farbwert #483d8b

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 #008000 und Farbwert #483d8b

Füllen und Umranden bei HTML-Tag td

Bei diesem Beispiel umranden wir <td> mit einem 3 Punkte dicken, gepunkteten Rahmen in Farbwert #483d8b . Die Hintergrundfarbe für <td> färben wir entsprechend mit Farbwert #008000. Dies ist in HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  td { 
    border-width:3pt; 
    border-style:dotted; 
    background-color:#008000; 
    border-color:#483d8b;
  }
//-->
</style>

Mehr zum Thema td können Sie in Tabellen in HTML nachlesen. Der hier genutzte HTML-Tag td ist in der HTML Referenz unter <td> ausführlich gezeigt.

Zebra-Effekt von HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit den Hintergrundfarben Farbwert #008000 und Farbwert #483d8b.

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

Diese werden abwechselnd genutzt.

<table>
<tr><td class="even">N1:1</td><td class="odd">N2:1</td><td class="even">N3:1</td></tr>
<tr><td class="even">N1:2</td><td class="odd">N2:2</td><td class="even">N3:2</td></tr>
<tr><td class="even">N1:3</td><td class="odd">N2:3</td><td class="even">N3:3</td></tr>
</table>

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Möglichkeiten vom hier genutzten Befehl th lesen Sie in der HTML Referenz unter <th>.