Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f5f5dc und Farbwert #ffefd5

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 #f5f5dc und Farbwert #ffefd5

Zebra-Effekt mit Befehl th

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit den Hintergrundfarben Farbwert #f5f5dc und Farbwert #ffefd5.

<style type="text/css"><!--
  th.even { 
    background-color: #f5f5dc;
  }
  th.odd { 
    background-color:#ffefd5;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr><td class="even">P1:1</td><td class="odd">P2:1</td><td class="even">P3:1</td></tr>
<tr><td class="even">P1:2</td><td class="odd">P2:2</td><td class="even">P3:2</td></tr>
<tr><td class="even">P1:3</td><td class="odd">P2:3</td><td class="even">P3:3</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML finden. Der hier genutzte HTML-Tag th ist in der HTML Referenz unter <th> genau zusammengestellt.

Füllen und Umranden mit HTML-Tag legend

Für dieses Beispiel umranden wir <legend> mit einem 3 Punkte dicken, doppelten Rahmen in Farbwert #ffefd5 . Den Hintergrund von <legend> setzen wir auf Farbwert #f5f5dc. Das geht mit HTML kaum. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  legend { border:3pt double #ffefd5; background-color:#f5f5dc; }
//-->
</style>

Mehr zum Thema legend erfahren Sie in Formulare in HTML. Beschreibung des hier gezeigten HTML-Befehl <legend>.