Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f5f5f5 und Farbe wheat

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 #f5f5f5 und Farbe wheat

Füllen und Umranden bei HTML-Tag p

Für dieses Beispiel umranden wir <p> mit einem einfallenden, 1 Punkte dicken Rahmen in Farbe wheat . Den Hintergrund von <p> färben wir entsprechend mit Farbwert #f5f5f5. Das ist mit HTML nicht möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  p { border:1pt inset wheat; background-color:#f5f5f5; }
//-->
</style>

Weiteres zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten vom hier verwendeten Tag p sind in der HTML Referenz unter <p> genau beschrieben.

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #f5f5f5 und Farbe wheat.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="yang"><td>P1/1</td><td>P2/1</td><td>P3/1</td></tr>
<tr class="ying"><td>P1/2</td><td>P2/2</td><td>P3/2</td></tr>
<tr class="yang"><td>P1/3</td><td>P2/3</td><td>P3/3</td></tr>
</table>

Mehr zu tr erfahren Sie in Tabellen in HTML. Beschreibung des HTML-Tag <tr>.