Ressourcen: 137 HTML Farbnamen - Kombination von Farbe white und Farbwert #da70d6

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 white und Farbwert #da70d6

Zebra-Effekt von Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit unterschiedlichen Hintergrundfarben Farbe white und Farbwert #da70d6.

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

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="ger"><td>JA.A</td><td>JB.A</td><td>JC.A</td></tr>
<tr class="ung"><td>JA.B</td><td>JB.B</td><td>JC.B</td></tr>
<tr class="ger"><td>JA.C</td><td>JB.C</td><td>JC.C</td></tr>
</table>

Mehr zu tr lesen Sie in Tabellen in HTML. Möglichkeiten des hier genutzten HTML-Befehl <tr>.

Füllen und Umranden mit Tag hr

Hier umranden wir <hr> mit einem herausstehenden, 4 Punkte dicken Rahmen in Farbwert #da70d6 . Den Hintergrund von <hr> färben wir entsprechend mit Farbe white. Mit HTML ist dies nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:4pt outset #da70d6; background-color:white; }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des hier gezeigten HTML-Tag hr sind in der HTML Referenz unter <hr> genau beschrieben.