Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #faebd7 und Farbwert #7fff00

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 Farbwert #faebd7 und Farbwert #7fff00

Zebra-Effekt von Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #faebd7 und Farbwert #7fff00.

<style type="text/css"><!--
  tr.odd { 
    background-color: #faebd7;
  }
  tr.even { 
    background-color:#7fff00;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr class="odd"><td>LA,A</td><td>LB,A</td><td>LC,A</td></tr>
<tr class="even"><td>LA,B</td><td>LB,B</td><td>LC,B</td></tr>
<tr class="odd"><td>LA,C</td><td>LB,C</td><td>LC,C</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Mehr zum hier gezeigten HTML-Tag tr ist in der HTML Referenz bei <tr> genau beschrieben.

Hintergrund/Text-Kombination bei Befehl select

Für dieses Beispiel ändern wir die Textfarbe von <select> auf Farbwert #7fff00 und die Hintergrundfarbe von <select> auf Farbwert #faebd7. Als Schriftart wählen wir monospace. Die Schriftgröße erhöhen wir auf 114%.

<style type="text/css"><!--
  select { 
    background-color:#faebd7; 
    color:#7fff00; 
    font-size:114%; 
    font-family:monospace;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Weiteres zum HTML-Tag <select>.