Ressourcen: 137 HTML Farbnamen - Kombination von Farbe dodgerblue und Farbwert #3cb371

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 Farbe dodgerblue und Farbwert #3cb371

Zebra-Effekt bei Tag td

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit den Hintergrundfarben Farbe dodgerblue und Farbwert #3cb371.

<style type="text/css"><!--
  td.yang { 
    background-color: dodgerblue;
  }
  td.ying { 
    background-color: #3cb371;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="yang">Ba~a</td><td class="ying">Bb~a</td><td class="yang">Bc~a</td></tr>
<tr><td class="yang">Ba~b</td><td class="ying">Bb~b</td><td class="yang">Bc~b</td></tr>
<tr><td class="yang">Ba~c</td><td class="ying">Bb~c</td><td class="yang">Bc~c</td></tr>
</table>

Mehr zum Thema td können Sie in Tabellen in HTML nachlesen. Weiteres zum hier genutzten HTML-Befehl td ist in der HTML Referenz unter <td> gezeigt.

Hintergrund/Text-Kombination bei Befehl thead

Hier ändern wir die Textfarbe von <thead> auf Farbwert #3cb371 und die Hintergrundfarbe von <thead> auf Farbe dodgerblue. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 111%.

<style type="text/css"><!--
  thead { 
    color:#3cb371; 
    font-size:111%; 
    background-color:dodgerblue; 
    font-family:monospace;
  }
//-->
</style>

Weiteres zum Thema thead lesen Sie in Tabellen in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl <thead>.