Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dodgerblue und Farbwert #a0522d

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 dodgerblue und Farbwert #a0522d

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe dodgerblue und Farbwert #a0522d.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: dodgerblue;
  }
  tr.gerade { 
    background-color:#a0522d;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr class="ungerade"><td>Ta,a</td><td>Tb,a</td><td>Tc,a</td></tr>
<tr class="gerade"><td>Ta,b</td><td>Tb,b</td><td>Tc,b</td></tr>
<tr class="ungerade"><td>Ta,c</td><td>Tb,c</td><td>Tc,c</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten des hier verwendeten Befehl tr sind in der HTML Referenz bei <tr> ausführlich gezeigt.

Füllen und Umranden von Tag acronym

Hier umranden wir <acronym> mit einem . Die Hintergrundfarbe für <acronym> setzen wir entsprechend auf Farbe dodgerblue. Mit HTML ist das nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  acronym { border:2px groove #a0522d; background-color:dodgerblue; }
//-->
</style>

Mehr zum HTML-Tag acronym finden Sie in der HTML Referenz unter <acronym>.