Ressourcen: 120 HTML Farbnamen - Kombination von Farbe floralwhite und Farbe aliceblue

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 Farbe floralwhite und Farbe aliceblue

Zebra-Effekt bei HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbe floralwhite und Farbe aliceblue.

<style type="text/css"><!--
  tr.yang { 
    background-color: floralwhite;
  }
  tr.ying { 
    background-color: aliceblue;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="yang"><td>Ga~a</td><td>Gb~a</td><td>Gc~a</td></tr>
<tr class="ying"><td>Ga~b</td><td>Gb~b</td><td>Gc~b</td></tr>
<tr class="yang"><td>Ga~c</td><td>Gb~c</td><td>Gc~c</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten des HTML-Befehl tr lesen Sie in der HTML Referenz unter <tr>.

Füllen und Umranden bei HTML-Tag li

Für dieses Beispiel umranden wir <li> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe aliceblue . Die Hintergrundfarbe für <li> färben wir mit Farbe floralwhite. Das geht mit HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  li { 
    border-width: 2px; 
    background-color: floralwhite; 
    border-style: outset; 
    border-color: aliceblue;
  }
//-->
</style>

Weiteres zum Thema li können Sie in Listen und Glossare in HTML finden. Zur Beschreibung des hier gezeigten HTML-Befehl <li>.