Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lavender und Farbwert #483d8b

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 lavender und Farbwert #483d8b

Zebra-Effekt mit HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit unterschiedlichen Hintergrundfarben Farbe lavender und Farbwert #483d8b.

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

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr class="ger"><td>HA,A</td><td>HB,A</td><td>HC,A</td></tr>
<tr class="ung"><td>HA,B</td><td>HB,B</td><td>HC,B</td></tr>
<tr class="ger"><td>HA,C</td><td>HB,C</td><td>HC,C</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML nachsehen. Mehr zum Befehl <tr>.

Hintergrund/Text-Kombination mit Tag li

Wir ändern in diesem Beispiel die Textfarbe von <li> auf Farbwert #483d8b und die Hintergrundfarbe von <li> auf Farbe lavender. Als Schriftart setzen wir arial. Die Schriftgröße setzen wir auf 115%.

<style type="text/css"><!--
  li { 
    color:#483d8b; 
    font-size:115%; 
    background-color:lavender; 
    font-family:arial;
  }
//-->
</style>

Mehr zu li lesen Sie in Listen und Glossare in HTML. Weiteres zum HTML-Befehl li ist in der HTML Referenz bei <li> ausführlich beschrieben.