Ressourcen: 137 HTML Farbnamen - Kombination von Farbe aquamarine und Farbwert #bdb76b

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 aquamarine und Farbwert #bdb76b

Hintergrund/Text-Kombination von HTML-Befehl blockquote

Für dieses Beispiel ändern wir die Textfarbe von <blockquote> auf Farbwert #bdb76b und die Hintergrundfarbe von <blockquote> auf Farbe aquamarine. Die Schriftart ändern wir auf sans-serif. Als Schriftgröße entscheiden wir uns für 9pt.

<style type="text/css"><!--
  blockquote { 
    color: #bdb76b; 
    background-color: aquamarine; 
    font-family: sans-serif; 
    font-size: 9pt;
  }
//-->
</style>

Mehr zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Der hier verwendete Tag blockquote ist in der HTML Referenz bei <blockquote> beschrieben.

Zebra-Effekt bei Befehl th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit unterschiedlichen Hintergrundfarben Farbe aquamarine und Farbwert #bdb76b.

<style type="text/css"><!--
  th.ung { 
    background-color:aquamarine;
  }
  th.ger { 
    background-color: #bdb76b;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ung">X1/1</td><td class="ger">X2/1</td><td class="ung">X3/1</td></tr>
<tr><td class="ung">X1/2</td><td class="ger">X2/2</td><td class="ung">X3/2</td></tr>
<tr><td class="ung">X1/3</td><td class="ger">X2/3</td><td class="ung">X3/3</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Mehr zum hier gezeigten HTML-Befehl th ist in der HTML Referenz bei <th> ausführlich zusammengestellt.