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 gold | ||||||
Detail | : | Hintergrundfarbe gold | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | gold | #ffd700 | #ffd700 | #ffd700 | #ffd700 |
Farbwert | : | #ffd700 | #ffdc24 | #ffdc24 | #dab800 | #dab800 |
HTML | : | gold | #ffe248 | #ffe248 | #b69900 | #b69900 |
CSS | : | gold | #ffe86d | #ffe86d | #917a00 | #917a00 |
CSS (Wert) | : | #ffd700 | #ffed91 | #ffed91 | #6d5c00 | #6d5c00 |
CSS (kürzest) | : | #ffd700 | #fff3b6 | #fff3b6 | #483d00 | #483d00 |
CSS (RGB) | : | rgb(255,215,0) | #fff9da | #fff9da | #241e00 | #241e00 |
CSS (%RGB) | : | rgb(100%,84%,0%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <p> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbe gold. Dies ist mit HTML so kaum möglich. Daher nutzen wir CSS zur Formatierung.
<style type="text/css"><!-- p { border:5px inset gold; } //--> </style>
Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom hier verwendeten Befehl <p>.
Für dieses Beispiel legen wir Farbe gold als Hintergrundfarbe von <span> fest und verkleinern die Größe der Schrift auf 90%.
<style type="text/css"><!-- span { font-size: 90%; background-color: gold; } //--> </style>
Einzelheiten vom Tag span sind in der HTML Referenz unter <span> beschrieben.