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

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 darkgoldenrod

Füllen und Umranden bei HTML-Befehl address

Hier umranden wir <address> mit einem 4 Punkte dicken, doppelten Rahmen in Farbe darkgoldenrod . Die Hintergrundfarbe für <address> setzen wir entsprechend auf Farbe floralwhite. Das ist in HTML so kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  address { border:4pt double darkgoldenrod; background-color:floralwhite; }
//-->
</style>

Weiteres zu address können Sie in Blockorientierte Elemente in HTML nachsehen. Möglichkeiten des hier verwendeten Tag <address>.

Zebra-Effekt bei Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbe floralwhite und Farbe darkgoldenrod.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="ungerade"><td>Ia:a</td><td>Ib:a</td><td>Ic:a</td></tr>
<tr class="gerade"><td>Ia:b</td><td>Ib:b</td><td>Ic:b</td></tr>
<tr class="ungerade"><td>Ia:c</td><td>Ib:c</td><td>Ic:c</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML erfahren. Mehr zum hier genutzten HTML-Tag tr ist in der HTML Referenz bei <tr> ausführlich beschrieben.