| 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 sienna | ||||||
| Detail | : | Hintergrundfarbe sienna | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | sienna | #a0522d | #a0522d | #a0522d | #a0522d |
| Farbwert | : | #a0522d | #ad6a4b | #ad6a4b | #894626 | #894626 |
| HTML | : | sienna | #bb8369 | #bb8369 | #723a20 | #723a20 |
| CSS | : | sienna | #c89c87 | #c89c87 | #5b2e19 | #5b2e19 |
| CSS (Wert) | : | #a0522d | #d6b4a5 | #d6b4a5 | #442313 | #442313 |
| CSS (kürzest) | : | #a0522d | #e3cdc3 | #e3cdc3 | #2d170c | #2d170c |
| CSS (RGB) | : | rgb(160,82,45) | #f1e6e1 | #f1e6e1 | #160b06 | #160b06 |
| CSS (%RGB) | : | rgb(62%,32%,17%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <option> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbe sienna. In HTML ist das kaum machbar. Wir nutzen deshalb CSS zur Formatierung.
<style type="text/css"><!-- option { border-style:outset; border-width:5px; border-color:sienna; } //--> </style>
Mehr zu option lesen Sie in Formulare in HTML. Beschreibung des hier gezeigten Tag <option>.
Wir legen zum Beispiel bei <dt> die Hintergrundfarbe auf Farbe sienna fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 13px:
<dt style="font-size:13px; font-family:monospace; background-color:sienna;"> dt-Hintergrund hat Farbe sienna </dt>
Weiteres zu dt können Sie in Listen und Glossare in HTML lesen. Mehr zum HTML-Befehl dt ist in der HTML Referenz unter <dt> ausführlich zusammengestellt.
