Ressourcen: 137 HTML Farbnamen - Kombination von Farbe linen und Farbwert #87cefa

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 linen und Farbwert #87cefa

Zebra-Effekt von Befehl td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit unterschiedlichen Hintergrundfarben Farbe linen und Farbwert #87cefa.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="even">Na:a</td><td class="odd">Nb:a</td><td class="even">Nc:a</td></tr>
<tr><td class="even">Na:b</td><td class="odd">Nb:b</td><td class="even">Nc:b</td></tr>
<tr><td class="even">Na:c</td><td class="odd">Nb:c</td><td class="even">Nc:c</td></tr>
</table>

Weiteres zu td erfahren Sie in Tabellen in HTML. Zur Beschreibung vom hier genutzten Tag <td>.

Hintergrund/Text-Kombination bei Tag a

Ein Verweis wird mit HTML-Befehl <a> gesetzt. Diesen können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #87cefa und die Hintergrundfarbe von <a> auf Farbe linen. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  a { 
    color: #87cefa; 
    font-family: sans-serif; 
    font-size: 13px; 
    background-color: linen;
  }
//-->
</style>

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum HTML-Befehl <a>.