Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgoldenrod und Farbe lavender

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Beispiele zur Kombination von Farbe darkgoldenrod und Farbe lavender

Zebra-Effekt bei Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <td> mit den Hintergrundfarben Farbe darkgoldenrod und Farbe lavender.

<style type="text/css"><!--
  td.ger { 
    background-color:darkgoldenrod;
  }
  td.ung { 
    background-color:lavender;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ger">EA:A</td><td class="ung">EB:A</td><td class="ger">EC:A</td></tr>
<tr><td class="ger">EA:B</td><td class="ung">EB:B</td><td class="ger">EC:B</td></tr>
<tr><td class="ger">EA:C</td><td class="ung">EB:C</td><td class="ger">EC:C</td></tr>
</table>

Mehr zum Thema td finden Sie in Tabellen in HTML. Weiteres zum Befehl <td>.

Füllen und Umranden von HTML-Tag em

Hier umranden wir <em> mit einem gefurchten, 3 Pixel dicken Rahmen in Farbe lavender . Den Hintergrund von <em> färben wir entsprechend mit Farbe darkgoldenrod. Dies ist in HTML kaum möglich. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  em { border:3px groove lavender; background-color:darkgoldenrod; }
//-->
</style>

Mehr zum Thema erfahren Sie in Text in HTML. Einzelheiten vom hier verwendeten HTML-Tag em erfahren Sie in der HTML Referenz unter <em>.