Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkred und Farbe lightsalmon

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 Farbe darkred und Farbe lightsalmon

Zebra-Effekt bei Tag tr

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbe darkred und Farbe lightsalmon.

<style type="text/css"><!--
  tr.yang { 
    background-color: darkred;
  }
  tr.ying { 
    background-color:lightsalmon;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="yang"><td>H1~1</td><td>H2~1</td><td>H3~1</td></tr>
<tr class="ying"><td>H1~2</td><td>H2~2</td><td>H3~2</td></tr>
<tr class="yang"><td>H1~3</td><td>H2~3</td><td>H3~3</td></tr>
</table>

Weiteres zum Thema tr können Sie in Tabellen in HTML lesen. Die Beschreibung vom hier genutzten Befehl tr lesen Sie in der HTML Referenz unter <tr>.

Füllen und Umranden mit Tag legend

Hier umranden wir <legend> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe lightsalmon . Den Hintergrund von <legend> färben wir mit Farbe darkred. Dies ist mit HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  legend { border:2px double lightsalmon; background-color:darkred; }
//-->
</style>

Mehr zu legend finden Sie in Formulare in HTML. Weiteres zum Tag <legend>.