Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #e6e6fa und Farbwert #b0c4de

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 #e6e6fa und Farbwert #b0c4de

Zebra-Effekt mit Befehl td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit unterschiedlichen Hintergrundfarben Farbwert #e6e6fa und Farbwert #b0c4de.

<style type="text/css"><!--
  td.even { 
    background-color: #e6e6fa;
  }
  td.odd { 
    background-color:#b0c4de;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="even">R1,1</td><td class="odd">R2,1</td><td class="even">R3,1</td></tr>
<tr><td class="even">R1,2</td><td class="odd">R2,2</td><td class="even">R3,2</td></tr>
<tr><td class="even">R1,3</td><td class="odd">R2,3</td><td class="even">R3,3</td></tr>
</table>

Weiteres zum Thema td lesen Sie in Tabellen in HTML. Weiteres zum hier gezeigten Befehl <td>.

Füllen und Umranden mit Tag a

Mit HTML-Befehl <a> erzeugen Sie einen Verweis. Dieser kann farblich gestaltet werden.

Hier umranden wir <a> mit einem 4 Punkte dicken, doppelten Rahmen in Farbwert #b0c4de . Die Hintergrundfarbe für <a> färben wir mit Farbwert #e6e6fa. Mit HTML geht das nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style: double; 
    background-color: #e6e6fa; 
    border-width: 4pt; 
    border-color: #b0c4de;
  }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Die Beschreibung des hier gezeigten Tag a finden Sie in der HTML Referenz unter <a>.