Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightgreen und Farbwert #dda0dd

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 lightgreen und Farbwert #dda0dd

Zebra-Effekt mit Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit den Hintergrundfarben Farbe lightgreen und Farbwert #dda0dd.

<style type="text/css"><!--
  tr.gerade { 
    background-color:lightgreen;
  }
  tr.ungerade { 
    background-color: #dda0dd;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="gerade"><td>FA:A</td><td>FB:A</td><td>FC:A</td></tr>
<tr class="ungerade"><td>FA:B</td><td>FB:B</td><td>FC:B</td></tr>
<tr class="gerade"><td>FA:C</td><td>FB:C</td><td>FC:C</td></tr>
</table>

Mehr zum Thema tr finden Sie in Tabellen in HTML. Mehr zum hier genutzten Tag <tr>.

Füllen und Umranden von HTML-Tag hr

Für dieses Beispiel umranden wir <hr> mit einem . Den Hintergrund von <hr> färben wir entsprechend mit Farbe lightgreen. In HTML ist dies nicht machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  hr { 
    border-color: #dda0dd; 
    border-width: 5px; 
    border-style: inset; 
    background-color: lightgreen;
  }
//-->
</style>

Weiteres zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten des HTML-Tag <hr>.