Ressourcen: 120 HTML Farbnamen - Kombination von Farbe azure und Farbe brown

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 azure und Farbe brown

Zebra-Effekt mit Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbe azure und Farbe brown.

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

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="yang"><td>BA-A</td><td>BB-A</td><td>BC-A</td></tr>
<tr class="ying"><td>BA-B</td><td>BB-B</td><td>BC-B</td></tr>
<tr class="yang"><td>BA-C</td><td>BB-C</td><td>BC-C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Zur Beschreibung des HTML-Befehl <tr>.

Füllen und Umranden von Befehl center

In diesem Beispiel umranden wir <center> mit einem gefurchten, 2 Pixel dicken Rahmen in Farbe brown . Den Hintergrund von <center> färben wir entsprechend mit Farbe azure. Das geht mit HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  center { 
    border-color: brown; 
    background-color: azure; 
    border-style: groove; 
    border-width: 2px;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der hier genutzte Tag center ist in der HTML Referenz unter <center> genau beschrieben.