Ressourcen: 137 HTML Farbnamen - Kombination von Farbe plum und Farbwert #a52a2a

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Beispiele zur Kombination von Farbe plum und Farbwert #a52a2a

Füllen und Umranden von HTML-Tag address

Für dieses Beispiel umranden wir <address> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #a52a2a . Die Hintergrundfarbe für <address> färben wir mit Farbe plum. Das ist in HTML kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  address { 
    border-color: #a52a2a; 
    border-style: outset; 
    background-color: plum; 
    border-width: 4px;
  }
//-->
</style>

Weiteres zu address können Sie in Blockorientierte Elemente in HTML erfahren. Die Beschreibung des hier gezeigten Tag address finden Sie in der HTML Referenz unter <address>.

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit den Hintergrundfarben Farbe plum und Farbwert #a52a2a.

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

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr class="odd"><td>Wa~a</td><td>Wb~a</td><td>Wc~a</td></tr>
<tr class="even"><td>Wa~b</td><td>Wb~b</td><td>Wc~b</td></tr>
<tr class="odd"><td>Wa~c</td><td>Wb~c</td><td>Wc~c</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachsehen. Mehr zum HTML-Befehl tr ist in der HTML Referenz unter <tr> ausführlich zusammengestellt.