Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0f8ff und Farbwert #87ceeb

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

Füllen und Umranden mit HTML-Befehl cite

In diesem Beispiel umranden wir <cite> mit einem gestrichelten, 4 Pixel dicken Rahmen in Farbwert #87ceeb . Den Hintergrund von <cite> färben wir entsprechend mit Farbwert #f0f8ff. In HTML geht das kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  cite { 
    border-color:#87ceeb; 
    background-color:#f0f8ff; 
    border-width:4px; 
    border-style:dashed;
  }
//-->
</style>

Möglichkeiten vom hier verwendeten HTML-Befehl cite sind in der HTML Referenz bei <cite> zusammengestellt.

Zebra-Effekt von Befehl tr

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbwert #f0f8ff und Farbwert #87ceeb.

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

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="even"><td>C1-1</td><td>C2-1</td><td>C3-1</td></tr>
<tr class="odd"><td>C1-2</td><td>C2-2</td><td>C3-2</td></tr>
<tr class="even"><td>C1-3</td><td>C2-3</td><td>C3-3</td></tr>
</table>

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