Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumorchid und Farbe lightsalmon

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 mediumorchid und Farbe lightsalmon

Füllen und Umranden bei Befehl h5

Eine Überschrift wird mit HTML-Befehl <h5> gesetzt. Diese kann farblich gestaltet werden.

Hier umranden wir <h5> mit einem . Den Hintergrund von <h5> färben wir entsprechend mit Farbe mediumorchid. Mit HTML ist dies kaum machbar. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h5 { border:4pt dotted lightsalmon; background-color:mediumorchid; }
//-->
</style>

Mehr zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum HTML-Tag h5 erfahren Sie in der HTML Referenz unter <h5>.

Zebra-Effekt mit Tag tr

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit den Hintergrundfarben Farbe mediumorchid und Farbe lightsalmon.

<style type="text/css"><!--
  tr.ger { 
    background-color: mediumorchid;
  }
  tr.ung { 
    background-color:lightsalmon;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="ger"><td>Ma-a</td><td>Mb-a</td><td>Mc-a</td></tr>
<tr class="ung"><td>Ma-b</td><td>Mb-b</td><td>Mc-b</td></tr>
<tr class="ger"><td>Ma-c</td><td>Mb-c</td><td>Mc-c</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachsehen. Möglichkeiten des HTML-Tag tr sind in der HTML Referenz bei <tr> genau zusammengestellt.