Ressourcen: 120 HTML Farbnamen - Kombination von Farbe midnightblue und Farbwert #d8bfd8

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 midnightblue und Farbwert #d8bfd8

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit den Hintergrundfarben Farbe midnightblue und Farbwert #d8bfd8.

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

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ung">AA/A</td><td class="ger">AB/A</td><td class="ung">AC/A</td></tr>
<tr><td class="ung">AA/B</td><td class="ger">AB/B</td><td class="ung">AC/B</td></tr>
<tr><td class="ung">AA/C</td><td class="ger">AB/C</td><td class="ung">AC/C</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Möglichkeiten des Tag th sind in der HTML Referenz bei <th> ausführlich zusammengestellt.

Hintergrund/Text-Kombination bei HTML-Befehl h4

Mit HTML-Tag <h4> wird eine Überschrift erzeugt. Sie kann farblich gestaltet werden.

Wir ändern für dieses Beispiel die Textfarbe von <h4> auf Farbwert #d8bfd8 und die Hintergrundfarbe von <h4> auf Farbe midnightblue. Die Schriftart ändern wir auf arial und als Schriftgröße wählen wir 93%.

<style type="text/css"><!--
  h4 { 
    font-size: 93%; 
    color: #d8bfd8; 
    font-family: arial; 
    background-color: midnightblue;
  }
//-->
</style>

Mehr zu h4 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom hier gezeigten HTML-Tag h4 sind in der HTML Referenz bei <h4> ausführlich zusammengestellt.