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 Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe floralwhite | ||||||
Detail | : | Hintergrundfarbe floralwhite | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | floralwhite | #fffaf0 | #fffaf0 | #fffaf0 | #fffaf0 |
Farbwert | : | #fffaf0 | #fffaf2 | #fffaf2 | #dad6cd | #dad6cd |
HTML | : | floralwhite | #fffbf4 | #fffbf4 | #b6b2ab | #b6b2ab |
CSS | : | floralwhite | #fffcf6 | #fffcf6 | #918e89 | #918e89 |
CSS (Wert) | : | #fffaf0 | #fffcf8 | #fffcf8 | #6d6b66 | #6d6b66 |
CSS (kürzest) | : | #fffaf0 | #fffdfa | #fffdfa | #484744 | #484744 |
CSS (RGB) | : | rgb(255,250,240) | #fffefc | #fffefc | #242322 | #242322 |
CSS (%RGB) | : | rgb(100%,98%,94%) | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <address> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbe floralwhite ändert.<style type="text/css"><!-- address: hover { background-color: floralwhite; } //--> </style>
Weiteres zum Thema address erfahren Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom hier genutzten HTML-Tag <address>.
In diesem Beispiel umranden wir <dd> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe floralwhite. Das geht in HTML nicht. Daher verwenden wir hier CSS.
<style type="text/css"><!-- dd { border:5px dashed floralwhite; } //--> </style>
Mehr zum Thema dd lesen Sie in Listen und Glossare in HTML. Einzelheiten vom Befehl dd lesen Sie in der HTML Referenz unter <dd>.