Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #008b8b und Farbwert #9400d3

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 #008b8b und Farbwert #9400d3

Zebra-Effekt mit HTML-Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <td> mit unterschiedlichen Hintergrundfarben Farbwert #008b8b und Farbwert #9400d3.

<style type="text/css"><!--
  td.ger { 
    background-color:#008b8b;
  }
  td.ung { 
    background-color:#9400d3;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ger">KA-A</td><td class="ung">KB-A</td><td class="ger">KC-A</td></tr>
<tr><td class="ger">KA-B</td><td class="ung">KB-B</td><td class="ger">KC-B</td></tr>
<tr><td class="ger">KA-C</td><td class="ung">KB-C</td><td class="ger">KC-C</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML erfahren. Weiteres zum Tag td erfahren Sie in der HTML Referenz unter <td>.

Füllen und Umranden mit Tag frameset

Für dieses Beispiel umranden wir <frameset> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #9400d3 . Die Hintergrundfarbe für <frameset> färben wir entsprechend mit Farbwert #008b8b. In HTML ist das nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  frameset { 
    border-style: dashed; 
    background-color: #008b8b; 
    border-color: #9400d3; 
    border-width: 4px;
  }
//-->
</style>

Einzelheiten des hier verwendeten HTML-Befehl <frameset>.