| 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 lawngreen | ||||||
| Detail | : | Hintergrundfarbe lawngreen | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | lawngreen | #7cfc00 | #7cfc00 | #7cfc00 | #7cfc00 |
| Farbwert | : | #7cfc00 | #8efc24 | #8efc24 | #6ad800 | #6ad800 |
| HTML | : | lawngreen | #a1fc48 | #a1fc48 | #58b400 | #58b400 |
| CSS | : | lawngreen | #b4fd6d | #b4fd6d | #469000 | #469000 |
| CSS (Wert) | : | #7cfc00 | #c6fd91 | #c6fd91 | #356c00 | #356c00 |
| CSS (kürzest) | : | #7cfc00 | #d9feb6 | #d9feb6 | #234800 | #234800 |
| CSS (RGB) | : | rgb(124,252,0) | #ecfeda | #ecfeda | #112400 | #112400 |
| CSS (%RGB) | : | rgb(48%,98%,0%) | #ffffff | #ffffff | #000000 | #000000 |
Die Farbe der Unterstreichung soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <caption> so ein, dass sich bei Mausberührung die Unterstreichungsfarbe auf Farbe lawngreen ändert.<style type="text/css"><!-- caption:hover { border-bottom-color:lawngreen; } //--> </style>
Mehr zu caption können Sie in Tabellen in HTML lesen. Weiteres zum hier gezeigten HTML-Tag caption finden Sie in der HTML Referenz unter <caption>.
Als Beispiel ändern wir die Textfarbe von <form> auf Farbe lawngreen. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 9px:
<style type="text/css"><!-- form { color:lawngreen; font-family:sans-serif; font-size:9px; } //--> </style>
Weiteres zu form erfahren Sie in Formulare in HTML. Mehr zum hier verwendeten Tag form lesen Sie in der HTML Referenz unter <form>.
