Ressourcen: 137 HTML Farbnamen - Kombination von Farbe floralwhite und Farbwert #faf0e6

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 floralwhite und Farbwert #faf0e6

Füllen und Umranden mit HTML-Tag a

Einen Link erzeugen Sie mit Befehl <a>. Er kann farblich gestaltet werden.

Hier umranden wir <a> mit einem 1 Punkte dicken, gefurchten Rahmen in Farbwert #faf0e6 . Die Hintergrundfarbe für <a> färben wir mit Farbe floralwhite. In HTML ist das nicht machbar. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  a { border:1pt groove #faf0e6; background-color:floralwhite; }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Die Beschreibung vom hier gezeigten Befehl a erfahren Sie in der HTML Referenz unter <a>.

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe floralwhite und Farbwert #faf0e6.

<style type="text/css"><!--
  tr.gerade { 
    background-color:floralwhite;
  }
  tr.ungerade { 
    background-color: #faf0e6;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="gerade"><td>P1:1</td><td>P2:1</td><td>P3:1</td></tr>
<tr class="ungerade"><td>P1:2</td><td>P2:2</td><td>P3:2</td></tr>
<tr class="gerade"><td>P1:3</td><td>P2:3</td><td>P3:3</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML nachsehen. Mehr zum HTML-Befehl tr lesen Sie in der HTML Referenz unter <tr>.