Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #6a5acd und Farbwert #696969

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 Farbwert #6a5acd und Farbwert #696969

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit unterschiedlichen Hintergrundfarben Farbwert #6a5acd und Farbwert #696969.

<style type="text/css"><!--
  td.ungerade { 
    background-color: #6a5acd;
  }
  td.gerade { 
    background-color:#696969;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ungerade">L1,1</td><td class="gerade">L2,1</td><td class="ungerade">L3,1</td></tr>
<tr><td class="ungerade">L1,2</td><td class="gerade">L2,2</td><td class="ungerade">L3,2</td></tr>
<tr><td class="ungerade">L1,3</td><td class="gerade">L2,3</td><td class="ungerade">L3,3</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML nachlesen. Die Beschreibung des HTML-Befehl td lesen Sie in der HTML Referenz unter <td>.

Hintergrund/Text-Kombination von Befehl li

Wir ändern in diesem Beispiel die Textfarbe von <li> auf Farbwert #696969 und die Hintergrundfarbe von <li> auf Farbwert #6a5acd. Als Schriftart setzen wir arial und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  li { 
    font-size: 13px; 
    font-family: arial; 
    background-color: #6a5acd; 
    color: #696969;
  }
//-->
</style>

Mehr zum Thema li können Sie in Listen und Glossare in HTML lesen. Einzelheiten vom Tag li sind in der HTML Referenz bei <li> gezeigt.