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

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

Zebra-Effekt von Tag td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbwert #00bfff und Farbwert #556b2f.

<style type="text/css"><!--
  td.ung { 
    background-color:#00bfff;
  }
  td.ger { 
    background-color:#556b2f;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ung">PA-A</td><td class="ger">PB-A</td><td class="ung">PC-A</td></tr>
<tr><td class="ung">PA-B</td><td class="ger">PB-B</td><td class="ung">PC-B</td></tr>
<tr><td class="ung">PA-C</td><td class="ger">PB-C</td><td class="ung">PC-C</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Mehr zum HTML-Befehl td finden Sie in der HTML Referenz unter <td>.

Hintergrund/Text-Kombination von HTML-Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbwert #556b2f und die Hintergrundfarbe von <p> auf Farbwert #00bfff. Als Schriftart setzen wir monospace und setzen die Schriftgröße auf 86%.

<style type="text/css"><!--
  p { 
    color:#556b2f; 
    font-family:monospace; 
    background-color:#00bfff; 
    font-size:86%;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des hier verwendeten HTML-Befehl p lesen Sie in der HTML Referenz unter <p>.