| 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.
Hintergrundfarbwert #bdb76b | ||||||
| Detail | : | Hintergrundfarbwert #bdb76b | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbwert | : | #bdb76b | #bdb76b | #bdb76b | #bdb76b | #bdb76b |
| Farbe | : | darkkhaki | #c6c180 | #c6c180 | #a29c5b | #a29c5b |
| HTML | : | #bdb76b | #cfcb95 | #cfcb95 | #87824c | #87824c |
| CSS | : | #bdb76b | #d9d5aa | #d9d5aa | #6c683d | #6c683d |
| CSS (Wert) | : | #bdb76b | #e2e0bf | #e2e0bf | #514e2d | #514e2d |
| CSS (kürzest) | : | #bdb76b | #ecead4 | #ecead4 | #36341e | #36341e |
| CSS (RGB) | : | rgb(189,183,107) | #f5f4e9 | #f5f4e9 | #1b1a0f | #1b1a0f |
| CSS (%RGB) | : | rgb(74%,71%,41%) | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <pre> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbwert #bdb76b geändert wird.<style type="text/css"><!-- pre:hover { background-color:#bdb76b; } //--> </style>
Mehr zu pre können Sie in Blockorientierte Elemente in HTML nachlesen. Weiteres zum HTML-Tag pre ist in der HTML Referenz bei <pre> genau beschrieben.
Z.B. legen wir Farbwert #bdb76b als Hintergrundfarbe von <em> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf arial:
<style type="text/css"><!-- em { font-family:arial; background-color:#bdb76b; } //--> </style>
Weiteres zu em können Sie in Text in HTML nachlesen. Die Beschreibung des Tag em lesen Sie in der HTML Referenz unter <em>.
