Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #556b2f und Farbwert #a0522d

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 #556b2f und Farbwert #a0522d

Hintergrund/Text-Kombination mit Tag a

Mit HTML-Tag <a> wird ein Verweis gesetzt. Dieser kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <a> auf Farbwert #a0522d und die Hintergrundfarbe von <a> auf Farbwert #556b2f. Als Schriftart setzen wir courier new und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  a { 
    font-size:13px; 
    font-family:courier new; 
    background-color:#556b2f; 
    color:#a0522d;
  }
//-->
</style>

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum Befehl <a>.

Zebra-Effekt bei Tag th

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit unterschiedlichen Hintergrundfarben Farbwert #556b2f und Farbwert #a0522d.

<style type="text/css"><!--
  th.yang { 
    background-color:#556b2f;
  }
  th.ying { 
    background-color: #a0522d;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="yang">Ta,a</td><td class="ying">Tb,a</td><td class="yang">Tc,a</td></tr>
<tr><td class="yang">Ta,b</td><td class="ying">Tb,b</td><td class="yang">Tc,b</td></tr>
<tr><td class="yang">Ta,c</td><td class="ying">Tb,c</td><td class="yang">Tc,c</td></tr>
</table>

Weiteres zu th finden Sie in Tabellen in HTML. Möglichkeiten vom hier verwendeten Befehl th sind in der HTML Referenz bei <th> genau zusammengestellt.