Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6b8e23 und Farbwert #0000ff

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 #6b8e23 und Farbwert #0000ff

Hintergrund/Text-Kombination bei Tag center

Wir ändern für dieses Beispiel die Textfarbe von <center> auf Farbwert #0000ff und die Hintergrundfarbe von <center> auf Farbwert #6b8e23. Als Schriftart wählen wir verdana und erhöhen die Schriftgröße auf 114%.

<style type="text/css"><!--
  center { 
    color:#0000ff; 
    font-family:verdana; 
    font-size:114%; 
    background-color:#6b8e23;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom hier verwendeten HTML-Tag center finden Sie in der HTML Referenz unter <center>.

Zebra-Effekt bei HTML-Befehl td

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit den Hintergrundfarben Farbwert #6b8e23 und Farbwert #0000ff.

<style type="text/css"><!--
  td.ung { 
    background-color:#6b8e23;
  }
  td.ger { 
    background-color:#0000ff;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ung">P1.1</td><td class="ger">P2.1</td><td class="ung">P3.1</td></tr>
<tr><td class="ung">P1.2</td><td class="ger">P2.2</td><td class="ung">P3.2</td></tr>
<tr><td class="ung">P1.3</td><td class="ger">P2.3</td><td class="ung">P3.3</td></tr>
</table>

Weiteres zu td erfahren Sie in Tabellen in HTML. Möglichkeiten des hier genutzten Befehl td lesen Sie in der HTML Referenz unter <td>.