Ressourcen: 137 HTML Farbnamen - Kombination von Farbe linen und Farbwert #4682b4

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 linen und Farbwert #4682b4

Füllen und Umranden mit HTML-Befehl img

Bei diesem Beispiel umranden wir <img> mit einem herausstehenden, 1 Pixel dicken Rahmen in Farbwert #4682b4 . Den Hintergrund von <img> färben wir mit Farbe linen. Das ist mit HTML so kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  img { border:1px outset #4682b4; background-color:linen; }
//-->
</style>

Weiteres zum Thema können Sie in Grafik in HTML nachlesen. Die Beschreibung des hier verwendeten Befehl img lesen Sie in der HTML Referenz unter <img>.

Zebra-Effekt mit Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit unterschiedlichen Hintergrundfarben Farbe linen und Farbwert #4682b4.

<style type="text/css"><!--
  th.ungerade { 
    background-color: linen;
  }
  th.gerade { 
    background-color: #4682b4;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ungerade">UA,A</td><td class="gerade">UB,A</td><td class="ungerade">UC,A</td></tr>
<tr><td class="ungerade">UA,B</td><td class="gerade">UB,B</td><td class="ungerade">UC,B</td></tr>
<tr><td class="ungerade">UA,C</td><td class="gerade">UB,C</td><td class="ungerade">UC,C</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML erfahren. Mehr zum hier verwendeten Tag <th>.