Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #90ee90 und Farbe slateblue

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 Farbwert #90ee90 und Farbe slateblue

Zebra-Effekt mit HTML-Tag th

Man spricht vom so genannten 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 .odd und .even für <th> mit den Hintergrundfarben Farbwert #90ee90 und Farbe slateblue.

<style type="text/css"><!--
  th.odd { 
    background-color: #90ee90;
  }
  th.even { 
    background-color: slateblue;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">Xa~a</td><td class="even">Xb~a</td><td class="odd">Xc~a</td></tr>
<tr><td class="odd">Xa~b</td><td class="even">Xb~b</td><td class="odd">Xc~b</td></tr>
<tr><td class="odd">Xa~c</td><td class="even">Xb~c</td><td class="odd">Xc~c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML erfahren. Weiteres zum hier gezeigten HTML-Befehl th finden Sie in der HTML Referenz unter <th>.

Füllen und Umranden mit Tag a

Ein Link wird mit HTML-Befehl <a> gesetzt und kann farblich gestaltet werden.

In diesem Beispiel umranden wir <a> mit einem gezahnten, 5 Pixel dicken Rahmen in Farbe slateblue . Die Hintergrundfarbe für <a> setzen wir auf Farbwert #90ee90. In HTML geht das nicht. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  a { 
    border-color: slateblue; 
    border-width: 5px; 
    border-style: ridge; 
    background-color: #90ee90;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Möglichkeiten des hier verwendeten HTML-Befehl a sind in der HTML Referenz unter <a> zusammengestellt.