Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightslategray und Farbwert #708090

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 lightslategray und Farbwert #708090

Zebra-Effekt mit Tag tr

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe lightslategray und Farbwert #708090.

<style type="text/css"><!--
  tr.even { 
    background-color:lightslategray;
  }
  tr.odd { 
    background-color:#708090;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="even"><td>Y1-1</td><td>Y2-1</td><td>Y3-1</td></tr>
<tr class="odd"><td>Y1-2</td><td>Y2-2</td><td>Y3-2</td></tr>
<tr class="even"><td>Y1-3</td><td>Y2-3</td><td>Y3-3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom hier genutzten Befehl tr lesen Sie in der HTML Referenz unter <tr>.

Füllen und Umranden von Tag a

Mit HTML-Befehl <a> erzeugen Sie einen Link. Diesen kann man hervorheben und farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem . Die Hintergrundfarbe für <a> setzen wir auf Farbe lightslategray. Dies ist in HTML so kaum möglich. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  a { border:4pt outset #708090; background-color:lightslategray; }
//-->
</style>

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten vom hier verwendeten Tag <a>.