Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #2e8b57 und Farbwert #696969

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 Farbwert #2e8b57 und Farbwert #696969

Füllen und Umranden von Tag em

Hier umranden wir <em> mit einem 1 Punkte dicken, gestrichelten Rahmen in Farbwert #696969 . Die Hintergrundfarbe für <em> setzen wir entsprechend auf Farbwert #2e8b57. In HTML geht dies kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  em { border:1pt dashed #696969; background-color:#2e8b57; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Die Beschreibung des hier genutzten HTML-Befehl em erfahren Sie in der HTML Referenz unter <em>.

Zebra-Effekt von HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #2e8b57 und Farbwert #696969.

<style type="text/css"><!--
  tr.yang { 
    background-color: #2e8b57;
  }
  tr.ying { 
    background-color:#696969;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="yang"><td>K1.1</td><td>K2.1</td><td>K3.1</td></tr>
<tr class="ying"><td>K1.2</td><td>K2.2</td><td>K3.2</td></tr>
<tr class="yang"><td>K1.3</td><td>K2.3</td><td>K3.3</td></tr>
</table>

Mehr zum Thema tr finden Sie in Tabellen in HTML. Zur Beschreibung vom Tag <tr>.