| 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 whitesmoke | ||||||
| Detail | : | Hintergrundfarbe whitesmoke | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | whitesmoke | #f5f5f5 | #f5f5f5 | #f5f5f5 | #f5f5f5 |
| Farbwert | : | #f5f5f5 | #f6f6f6 | #f6f6f6 | #d2d2d2 | #d2d2d2 |
| HTML | : | whitesmoke | #f7f7f7 | #f7f7f7 | #afafaf | #afafaf |
| CSS | : | whitesmoke | #f9f9f9 | #f9f9f9 | #8c8c8c | #8c8c8c |
| CSS (Wert) | : | #f5f5f5 | #fafafa | #fafafa | #696969 | #696969 |
| CSS (kürzest) | : | #f5f5f5 | #fcfcfc | #fcfcfc | #464646 | #464646 |
| CSS (RGB) | : | rgb(245,245,245) | #fdfdfd | #fdfdfd | #232323 | #232323 |
| CSS (%RGB) | : | rgb(96%,96%,96%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <frameset> mit einem 4 Pixel dicken, doppelten Rahmen in Farbe whitesmoke. Dies geht mit HTML kaum. Wir verwenden deshalb CSS zur Formatierung.
<style type="text/css"><!-- frameset { border:4px double whitesmoke; } //--> </style>
Einzelheiten des HTML-Tag frameset erfahren Sie in der HTML Referenz unter <frameset>.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <strong> so ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf Farbe whitesmoke ändert.<style type="text/css"><!-- strong:hover { background-color:whitesmoke; } //--> </style>
Mehr zu strong können Sie in Text in HTML nachlesen. Beschreibung vom hier genutzten HTML-Befehl <strong>.
