Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdead und Farbwert #f5fffa

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 Farbwert #ffdead und Farbwert #f5fffa

Hintergrund/Text-Kombination bei HTML-Tag td

Hier ändern wir die Textfarbe von <td> auf Farbwert #f5fffa und die Hintergrundfarbe von <td> auf Farbwert #ffdead. Die Schriftart setzen wir auf sans-serif und setzen die Schriftgröße auf 84%.

<style type="text/css"><!--
  td { 
    font-size:84%; 
    font-family:sans-serif; 
    color:#f5fffa; 
    background-color:#ffdead;
  }
//-->
</style>

Mehr zum Thema td lesen Sie in Tabellen in HTML. Zur Beschreibung des hier gezeigten Befehl <td>.

Zebra-Effekt von HTML-Befehl tr

Man redet vom 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 .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #ffdead und Farbwert #f5fffa.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="ungerade"><td>B1:1</td><td>B2:1</td><td>B3:1</td></tr>
<tr class="gerade"><td>B1:2</td><td>B2:2</td><td>B3:2</td></tr>
<tr class="ungerade"><td>B1:3</td><td>B2:3</td><td>B3:3</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML nachlesen. Die Beschreibung des hier verwendeten HTML-Befehl tr erfahren Sie in der HTML Referenz unter <tr>.