Ressourcen: 137 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #9400d3

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 powderblue und Farbwert #9400d3

Hintergrund/Text-Kombination mit Tag h1

Mit HTML-Tag <h1> wird eine Überschrift erzeugt. Diese können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <h1> auf Farbwert #9400d3 und die Hintergrundfarbe von <h1> auf Farbe powderblue. Als Schriftart setzen wir arial. Als Schriftgröße wählen wir 129%.

<style type="text/css"><!--
  h1 { 
    color:#9400d3; 
    background-color:powderblue; 
    font-family:arial; 
    font-size:129%;
  }
//-->
</style>

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML finden. Beschreibung vom HTML-Tag <h1>.

Zebra-Effekt von Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit den Hintergrundfarben Farbe powderblue und Farbwert #9400d3.

<style type="text/css"><!--
  tr.ger { 
    background-color:powderblue;
  }
  tr.ung { 
    background-color: #9400d3;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr class="ger"><td>DA.A</td><td>DB.A</td><td>DC.A</td></tr>
<tr class="ung"><td>DA.B</td><td>DB.B</td><td>DC.B</td></tr>
<tr class="ger"><td>DA.C</td><td>DB.C</td><td>DC.C</td></tr>
</table>

Weiteres zum Thema tr können Sie in Tabellen in HTML nachlesen. Die Beschreibung vom HTML-Befehl tr finden Sie in der HTML Referenz unter <tr>.