Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #4b0082 und Farbwert #add8e6

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 #4b0082 und Farbwert #add8e6

Hintergrund/Text-Kombination mit HTML-Befehl code

Hier ändern wir die Textfarbe von <code> auf Farbwert #add8e6 und die Hintergrundfarbe von <code> auf Farbwert #4b0082. Die Schriftart setzen wir auf arial und ändern die Schriftgröße auf 9px.

<style type="text/css"><!--
  code { 
    color: #add8e6; 
    font-size: 9px; 
    background-color: #4b0082; 
    font-family: arial;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Text in HTML. Möglichkeiten des hier verwendeten HTML-Befehl code sind in der HTML Referenz bei <code> ausführlich gezeigt.

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit den Hintergrundfarben Farbwert #4b0082 und Farbwert #add8e6.

<style type="text/css"><!--
  tr.ung { 
    background-color:#4b0082;
  }
  tr.ger { 
    background-color: #add8e6;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="ung"><td>Ba:a</td><td>Bb:a</td><td>Bc:a</td></tr>
<tr class="ger"><td>Ba:b</td><td>Bb:b</td><td>Bc:b</td></tr>
<tr class="ung"><td>Ba:c</td><td>Bb:c</td><td>Bc:c</td></tr>
</table>

Weiteres zu tr lesen Sie in Tabellen in HTML. Beschreibung vom hier genutzten Befehl <tr>.