Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #5f9ea0 und Farbe thistle

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 Farbwert #5f9ea0 und Farbe thistle

Zebra-Effekt von Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #5f9ea0 und Farbe thistle.

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

Diese werden dann abwechselnd genutzt.

<table>
<tr class="ungerade"><td>C1,1</td><td>C2,1</td><td>C3,1</td></tr>
<tr class="gerade"><td>C1,2</td><td>C2,2</td><td>C3,2</td></tr>
<tr class="ungerade"><td>C1,3</td><td>C2,3</td><td>C3,3</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Einzelheiten des HTML-Befehl tr sind in der HTML Referenz bei <tr> ausführlich beschrieben.

Füllen und Umranden bei Befehl dt

Für dieses Beispiel umranden wir <dt> mit einem 3 Punkte dicken, gestrichelten Rahmen in Farbe thistle . Die Hintergrundfarbe für <dt> färben wir entsprechend mit Farbwert #5f9ea0. In HTML geht das nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  dt { border:3pt dashed thistle; background-color:#5f9ea0; }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML nachlesen. Weiteres zum hier verwendeten Befehl <dt>.