| weiter zu > Ressourcen: Farben > HTML für Einsteiger: Farben |
von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
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.
Hintergrundfarbe brown | ||||||
| Detail | : | Hintergrundfarbe brown | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | brown | #a52a2a | #a52a2a | #a52a2a | #a52a2a |
| Farbwert | : | #a52a2a | #b14848 | #b14848 | #8d2424 | #8d2424 |
| HTML | : | brown | #be6666 | #be6666 | #751e1e | #751e1e |
| CSS | : | brown | #cb8585 | #cb8585 | #5e1818 | #5e1818 |
| CSS (Wert) | : | #a52a2a | #d8a3a3 | #d8a3a3 | #461212 | #461212 |
| CSS (kürzest) | : | #a52a2a | #e5c2c2 | #e5c2c2 | #2f0c0c | #2f0c0c |
| CSS (RGB) | : | rgb(165,42,42) | #f2e0e0 | #f2e0e0 | #170606 | #170606 |
| CSS (%RGB) | : | rgb(64%,16%,16%) | #ffffff | #ffffff | #000000 | #000000 |
Wir legen in diesem Beispiel bei <select> die Hintergrundfarbe auf Farbe brown fest und ändern die Schriftgröße auf 13px:
<style type="text/css"><!-- select { background-color:brown; font-size:13px; } //--> </style>
Weiteres zum Thema select können Sie in Formulare in HTML finden. Die Beschreibung vom Tag select finden Sie in der HTML Referenz unter <select>.
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <code> so ein, dass bei Hover die Textfarbe auf Farbe brown gesetzt wird.<style type="text/css"><!-- code:hover { color:brown; } //--> </style>
Mehr zum Thema code können Sie in Text in HTML erfahren. Weiteres zum hier verwendeten Tag <code>.
