Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkviolet und Farbe darkmagenta

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 darkviolet und Farbe darkmagenta

Füllen und Umranden mit Befehl var

Hier umranden wir <var> mit einem gestrichelten, 1 Pixel dicken Rahmen in Farbe darkmagenta . Den Hintergrund von <var> setzen wir entsprechend auf Farbe darkviolet. Dies ist mit HTML kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  var { border:1px dashed darkmagenta; background-color:darkviolet; }
//-->
</style>

Weiteres zum Thema var können Sie in Text in HTML nachlesen. Möglichkeiten des hier genutzten HTML-Tag <var>.

Zebra-Effekt mit Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit den Hintergrundfarben Farbe darkviolet und Farbe darkmagenta.

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

Diese werden dann abwechselnd genutzt.

<table>
<tr class="ying"><td>G1~1</td><td>G2~1</td><td>G3~1</td></tr>
<tr class="yang"><td>G1~2</td><td>G2~2</td><td>G3~2</td></tr>
<tr class="ying"><td>G1~3</td><td>G2~3</td><td>G3~3</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML erfahren. Weiteres zum HTML-Befehl <tr>.