Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #db7093 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 Farbwert #db7093 und Farbwert #3cb371

Zebra-Effekt mit Tag th

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit den Hintergrundfarben Farbwert #db7093 und Farbwert #3cb371.

<style type="text/css"><!--
  th.even { 
    background-color:#db7093;
  }
  th.odd { 
    background-color:#3cb371;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="even">HA,A</td><td class="odd">HB,A</td><td class="even">HC,A</td></tr>
<tr><td class="even">HA,B</td><td class="odd">HB,B</td><td class="even">HC,B</td></tr>
<tr><td class="even">HA,C</td><td class="odd">HB,C</td><td class="even">HC,C</td></tr>
</table>

Mehr zu th können Sie in Tabellen in HTML erfahren. Die Beschreibung des Tag th lesen Sie in der HTML Referenz unter <th>.

Hintergrund/Text-Kombination bei Befehl a

Einen Hyperlink setzt man mit HTML-Befehl <a> und kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #3cb371 und die Hintergrundfarbe von <a> auf Farbwert #db7093. Die Schriftart ändern wir auf arial und als Schriftgröße wählen wir 11px.

<style type="text/css"><!--
  a { 
    font-size:11px; 
    font-family:arial; 
    color:#3cb371; 
    background-color:#db7093;
  }
//-->
</style>

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum hier verwendeten HTML-Tag a finden Sie in der HTML Referenz unter <a>.