Ressourcen: 137 HTML Farbnamen - Kombination von Farbe peachpuff und Farbwert #bc8f8f

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 peachpuff und Farbwert #bc8f8f

Zebra-Effekt mit HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit den Hintergrundfarben Farbe peachpuff und Farbwert #bc8f8f.

<style type="text/css"><!--
  th.ung { 
    background-color: peachpuff;
  }
  th.ger { 
    background-color: #bc8f8f;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="ung">Na-a</td><td class="ger">Nb-a</td><td class="ung">Nc-a</td></tr>
<tr><td class="ung">Na-b</td><td class="ger">Nb-b</td><td class="ung">Nc-b</td></tr>
<tr><td class="ung">Na-c</td><td class="ger">Nb-c</td><td class="ung">Nc-c</td></tr>
</table>

Weiteres zum Thema th finden Sie in Tabellen in HTML. Einzelheiten vom hier genutzten HTML-Befehl th sind in der HTML Referenz unter <th> genau beschrieben.

Hintergrund/Text-Kombination bei Tag tbody

Wir ändern hier die Textfarbe von <tbody> auf Farbwert #bc8f8f und die Hintergrundfarbe von <tbody> auf Farbe peachpuff. Als Schriftart setzen wir arial. Die Schriftgröße verkleinern wir auf 92%.

<style type="text/css"><!--
  tbody { 
    color:#bc8f8f; 
    font-family:arial; 
    background-color:peachpuff; 
    font-size:92%;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Die Beschreibung vom hier genutzten Befehl tbody erfahren Sie in der HTML Referenz unter <tbody>.