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 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 |
Eine Überschrift erzeugt man mit Tag <h2> und kann hervorgehoben und farblich gestaltet werden.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <h2> so ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf Farbe brown ändert.<style type="text/css"><!-- h2:hover { background-color:brown; } //--> </style>
Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl h2 erfahren Sie in der HTML Referenz unter <h2>.
In diesem Beispiel legen wir die Textfarbe von <dd> auf Farbe brown fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf monospace:
<dd style="font-family:monospace; color:brown;"> Dieser dd-Text hat Farbe brown </dd>
Mehr zum Thema dd erfahren Sie in Listen und Glossare in HTML. Die Beschreibung vom hier genutzten Tag dd finden Sie in der HTML Referenz unter <dd>.