Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet und Farbe orange

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 blueviolet und Farbe orange

Füllen und Umranden von Tag a

Einen Verweis setzen Sie mit HTML-Tag <a> und kann farblich gestaltet werden.

Hier umranden wir <a> mit einem doppelten, 4 Pixel dicken Rahmen in Farbe orange . Den Hintergrund von <a> färben wir entsprechend mit Farbe blueviolet. Das ist in HTML so kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  a { 
    border-color: orange; 
    border-width: 4px; 
    background-color: blueviolet; 
    border-style: double;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Weiteres zum hier gezeigten Tag <a>.

Zebra-Effekt bei Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe blueviolet und Farbe orange.

<style type="text/css"><!--
  tr.even { 
    background-color: blueviolet;
  }
  tr.odd { 
    background-color:orange;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="even"><td>Q1:1</td><td>Q2:1</td><td>Q3:1</td></tr>
<tr class="odd"><td>Q1:2</td><td>Q2:2</td><td>Q3:2</td></tr>
<tr class="even"><td>Q1:3</td><td>Q2:3</td><td>Q3:3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Einzelheiten des HTML-Tag tr finden Sie in der HTML Referenz unter <tr>.