Ressourcen: 137 HTML Farbnamen - Kombination von Farbe moccasin und Farbwert #f0f8ff

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 moccasin und Farbwert #f0f8ff

Zebra-Effekt von HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit den Hintergrundfarben Farbe moccasin und Farbwert #f0f8ff.

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

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr class="ying"><td>LA~A</td><td>LB~A</td><td>LC~A</td></tr>
<tr class="yang"><td>LA~B</td><td>LB~B</td><td>LC~B</td></tr>
<tr class="ying"><td>LA~C</td><td>LB~C</td><td>LC~C</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML nachlesen. Möglichkeiten vom Tag tr lesen Sie in der HTML Referenz unter <tr>.

Füllen und Umranden mit Tag img

Für dieses Beispiel umranden wir <img> mit einem gepunkteten, 1 Punkte dicken Rahmen in Farbwert #f0f8ff . Die Hintergrundfarbe für <img> färben wir mit Farbe moccasin. Das geht mit HTML nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  img { border:1pt dotted #f0f8ff; background-color:moccasin; }
//-->
</style>

Mehr zum Thema img finden Sie in Grafik in HTML. Mehr zum Befehl <img>.