Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #66cdaa und Farbe deeppink

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 #66cdaa und Farbe deeppink

Füllen und Umranden mit Tag hr

Hier umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> setzen wir auf Farbwert #66cdaa. Das ist in HTML kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  hr { border:3px inset deeppink; background-color:#66cdaa; }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom HTML-Befehl hr erfahren Sie in der HTML Referenz unter <hr>.

Zebra-Effekt von Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit den Hintergrundfarben Farbwert #66cdaa und Farbe deeppink.

<style type="text/css"><!--
  th.gerade { 
    background-color: #66cdaa;
  }
  th.ungerade { 
    background-color: deeppink;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="gerade"><tt>1,1</td><td class="ungerade"></tt>2,1</td><td class="gerade"><tt>3,1</td></tr>
<tr><td class="gerade"></tt>1,2</td><td class="ungerade"><tt>2,2</td><td class="gerade"></tt>3,2</td></tr>
<tr><td class="gerade"><tt>1,3</td><td class="ungerade"></tt>2,3</td><td class="gerade">@3,3</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Mehr zum hier genutzten HTML-Befehl th erfahren Sie in der HTML Referenz unter <th>.