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 powderblue | ||||||
| Detail | : | Hintergrundfarbe powderblue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | powderblue | #b0e0e6 | #b0e0e6 | #b0e0e6 | #b0e0e6 |
| Farbwert | : | #b0e0e6 | #bbe4e9 | #bbe4e9 | #96c0c5 | #96c0c5 |
| HTML | : | powderblue | #c6e8ed | #c6e8ed | #7da0a4 | #7da0a4 |
| CSS | : | powderblue | #d1edf0 | #d1edf0 | #648083 | #648083 |
| CSS (Wert) | : | #b0e0e6 | #ddf1f4 | #ddf1f4 | #4b6062 | #4b6062 |
| CSS (kürzest) | : | #b0e0e6 | #e8f6f7 | #e8f6f7 | #324041 | #324041 |
| CSS (RGB) | : | rgb(176,224,230) | #f3fafb | #f3fafb | #192020 | #192020 |
| CSS (%RGB) | : | rgb(69%,87%,90%) | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbe powderblue. In HTML ist das kaum möglich. Daher formatieren wir hier mit CSS.
<style type="text/css"><!-- p { border:1px ridge powderblue; } //--> </style>
Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum hier verwendeten HTML-Befehl p ist in der HTML Referenz bei <p> beschrieben.
Wir legen hier bei <fieldset> die Textfarbe auf Farbe powderblue fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace.
<fieldset style="color:powderblue; font-family:monospace;"> Text nutzt Farbe powderblue </fieldset>
Mehr zum Thema lesen Sie in Formulare in HTML. Der hier genutzte HTML-Befehl fieldset ist in der HTML Referenz unter <fieldset> beschrieben.