Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ba55d3 und Farbe aliceblue

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 #ba55d3 und Farbe aliceblue

Hintergrund/Text-Kombination bei Tag thead

Für dieses Beispiel ändern wir die Textfarbe von <thead> auf Farbe aliceblue und die Hintergrundfarbe von <thead> auf Farbwert #ba55d3. Die Schriftart setzen wir auf courier new und als Schriftgröße entscheiden wir uns für 86%.

<style type="text/css"><!--
  thead { 
    background-color:#ba55d3; 
    font-size:86%; 
    color:aliceblue; 
    font-family:courier new;
  }
//-->
</style>

Weiteres zu thead lesen Sie in Tabellen in HTML. Weiteres zum HTML-Befehl thead ist in der HTML Referenz bei <thead> ausführlich beschrieben.

Zebra-Effekt mit HTML-Befehl th

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit den Hintergrundfarben Farbwert #ba55d3 und Farbe aliceblue.

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

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="ying">Y1~1</td><td class="yang">Y2~1</td><td class="ying">Y3~1</td></tr>
<tr><td class="ying">Y1~2</td><td class="yang">Y2~2</td><td class="ying">Y3~2</td></tr>
<tr><td class="ying">Y1~3</td><td class="yang">Y2~3</td><td class="ying">Y3~3</td></tr>
</table>

Weiteres zum Thema th finden Sie in Tabellen in HTML. Möglichkeiten des HTML-Befehl <th>.