Ressourcen: 120 HTML Farbnamen - Kombination von Farbe chocolate und Farbe lightslategray

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 Farbe chocolate und Farbe lightslategray

Hintergrund/Text-Kombination bei Befehl em

Wir ändern hier die Textfarbe von <em> auf Farbe lightslategray und die Hintergrundfarbe von <em> auf Farbe chocolate. Die Schriftart setzen wir auf courier new und als Schriftgröße wählen wir 85%.

<style type="text/css"><!--
  em { 
    font-size: 85%; 
    font-family: courier new; 
    color: lightslategray; 
    background-color: chocolate;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML lesen. Weiteres zum hier gezeigten HTML-Befehl em lesen Sie in der HTML Referenz unter <em>.

Zebra-Effekt von Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit den Hintergrundfarben Farbe chocolate und Farbe lightslategray.

<style type="text/css"><!--
  tr.ying { 
    background-color: chocolate;
  }
  tr.yang { 
    background-color:lightslategray;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="ying"><td>R1.1</td><td>R2.1</td><td>R3.1</td></tr>
<tr class="yang"><td>R1.2</td><td>R2.2</td><td>R3.2</td></tr>
<tr class="ying"><td>R1.3</td><td>R2.3</td><td>R3.3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachsehen. Mehr zum hier gezeigten HTML-Befehl <tr>.