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

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 #c0c0c0

Text- und Unterstreichungsfarben von Tag del

Hier ändern wir die Textfarbe von <del> auf Farbwert #c0c0c0. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <del> mit Hilfe eines gezahnten Rahmens mit 5 Punkte Dicke in Farbwert #2e8b57. Das geht in HTML nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  del { 
    font-size:9pt; 
    color:#c0c0c0; 
    border-bottom:5pt ridge #2e8b57; 
    font-family:arial;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Der HTML-Befehl del ist in der HTML Referenz unter <del> genau gezeigt.

Zebra-Effekt mit HTML-Tag tr

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbwert #2e8b57 und Farbwert #c0c0c0.

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr class="yang"><td>C1:1</td><td>C2:1</td><td>C3:1</td></tr>
<tr class="ying"><td>C1:2</td><td>C2:2</td><td>C3:2</td></tr>
<tr class="yang"><td>C1:3</td><td>C2:3</td><td>C3:3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML erfahren. Mehr zum Tag <tr>.