Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #faf0e6 und Farbe lightyellow

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Beispiele zur Kombination von Farbwert #faf0e6 und Farbe lightyellow

Füllen und Umranden bei Tag thead

Hier umranden wir <thead> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe lightyellow . Den Hintergrund von <thead> färben wir entsprechend mit Farbwert #faf0e6. Dies ist in HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  thead { border:5px outset lightyellow; background-color:#faf0e6; }
//-->
</style>

Weiteres zum Thema thead erfahren Sie in Tabellen in HTML. Möglichkeiten vom HTML-Befehl thead sind in der HTML Referenz unter <thead> gezeigt.

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit den Hintergrundfarben Farbwert #faf0e6 und Farbe lightyellow.

<style type="text/css"><!--
  td.ying { 
    background-color:#faf0e6;
  }
  td.yang { 
    background-color: lightyellow;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ying">RA.A</td><td class="yang">RB.A</td><td class="ying">RC.A</td></tr>
<tr><td class="ying">RA.B</td><td class="yang">RB.B</td><td class="ying">RC.B</td></tr>
<tr><td class="ying">RA.C</td><td class="yang">RB.C</td><td class="ying">RC.C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Zur Beschreibung des HTML-Tag <td>.