Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b0e0e6 und Farbwert #8a2be2

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 #b0e0e6 und Farbwert #8a2be2

Füllen und Umranden bei HTML-Befehl table

Für dieses Beispiel umranden wir <table> mit einem . Den Hintergrund von <table> setzen wir auf Farbwert #b0e0e6. Das geht mit HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  table { border:1pt double #8a2be2; background-color:#b0e0e6; }
//-->
</style>

Weiteres zum Thema table erfahren Sie in Tabellen in HTML. Weiteres zum hier verwendeten HTML-Tag <table>.

Zebra-Effekt bei Befehl td

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit den Hintergrundfarben Farbwert #b0e0e6 und Farbwert #8a2be2.

<style type="text/css"><!--
  td.ying { 
    background-color:#b0e0e6;
  }
  td.yang { 
    background-color:#8a2be2;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

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

Weiteres zu td können Sie in Tabellen in HTML nachlesen. Einzelheiten vom hier verwendeten HTML-Tag <td>.