Ressourcen: 137 HTML Farbnamen - Kombination von Farbe dimgray und Farbwert #7fffd4

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 dimgray und Farbwert #7fffd4

Text- und Unterstreichungsfarben mit HTML-Befehl strong

Hier ändern wir die Textfarbe von <strong> auf Farbwert #7fffd4. Die Schriftart ändern wir auf arial. Die Schriftgröße setzen wir auf 90%. Wir unterstreichen den Inhalt von <strong> mit Hilfe eines einfallenden Rahmens mit 1 Pixel Dicke in Farbe dimgray. Mit HTML ist das kaum machbar. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  strong { 
    color:#7fffd4; 
    border-bottom-style:inset; 
    font-family:arial; 
    border-bottom-color:dimgray; 
    font-size:90%; 
    border-bottom-width:1px;
  }
//-->
</style>

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

Mehr zum Thema strong lesen Sie in Text in HTML. Weiteres zum hier gezeigten Tag <strong>.

Zebra-Effekt mit Tag tr

Man spricht vom 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 .ying und .yang für <tr> mit den Hintergrundfarben Farbe dimgray und Farbwert #7fffd4.

<style type="text/css"><!--
  tr.ying { 
    background-color:dimgray;
  }
  tr.yang { 
    background-color:#7fffd4;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="ying"><td><tt>1.1</td><td></tt>2.1</td><td><tt>3.1</td></tr>
<tr class="yang"><td></tt>1.2</td><td><tt>2.2</td><td></tt>3.2</td></tr>
<tr class="ying"><td><tt>1.3</td><td></tt>2.3</td><td>@3.3</td></tr>
</table>

Weiteres zum Thema tr lesen Sie in Tabellen in HTML. Möglichkeiten des hier genutzten Befehl <tr>.