| 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 moccasin | ||||||
| Detail | : | Hintergrundfarbe moccasin | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | moccasin | #ffe4b5 | #ffe4b5 | #ffe4b5 | #ffe4b5 |
| Farbwert | : | #ffe4b5 | #ffe7bf | #ffe7bf | #dac39b | #dac39b |
| HTML | : | moccasin | #ffebca | #ffebca | #b6a281 | #b6a281 |
| CSS | : | moccasin | #ffefd4 | #ffefd4 | #918267 | #918267 |
| CSS (Wert) | : | #ffe4b5 | #fff3df | #fff3df | #6d614d | #6d614d |
| CSS (kürzest) | : | #ffe4b5 | #fff7e9 | #fff7e9 | #484133 | #484133 |
| CSS (RGB) | : | rgb(255,228,181) | #fffbf4 | #fffbf4 | #242019 | #242019 |
| CSS (%RGB) | : | rgb(100%,89%,70%) | #ffffff | #ffffff | #000000 | #000000 |
Wir legen für dieses Beispiel Farbe moccasin als Hintergrundfarbe von <dd> fest. Die Schriftgröße verkleinern wir auf 96%:
<style type="text/css"><!-- dd { font-size:96%; background-color:moccasin; } //--> </style>
Mehr zum Thema können Sie in Listen und Glossare in HTML erfahren. Mehr zum hier gezeigten HTML-Befehl dd finden Sie in der HTML Referenz unter <dd>.
In diesem Beispiel umranden wir <var> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe moccasin. Dies ist mit HTML nicht möglich. Deshalb verwenden wir CSS zur Formatierung.
<style type="text/css"><!-- var { border:4px dotted moccasin; } //--> </style>
Weiteres zum Thema var lesen Sie in Text in HTML. Einzelheiten des HTML-Tag var erfahren Sie in der HTML Referenz unter <var>.
