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 lavenderblush | ||||||
Detail | : | Hintergrundfarbe lavenderblush | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | lavenderblush | #fff0f5 | #fff0f5 | #fff0f5 | #fff0f5 |
Farbwert | : | #fff0f5 | #fff2f6 | #fff2f6 | #dacdd2 | #dacdd2 |
HTML | : | lavenderblush | #fff4f7 | #fff4f7 | #b6abaf | #b6abaf |
CSS | : | lavenderblush | #fff6f9 | #fff6f9 | #91898c | #91898c |
CSS (Wert) | : | #fff0f5 | #fff8fa | #fff8fa | #6d6669 | #6d6669 |
CSS (kürzest) | : | #fff0f5 | #fffafc | #fffafc | #484446 | #484446 |
CSS (RGB) | : | rgb(255,240,245) | #fffcfd | #fffcfd | #242223 | #242223 |
CSS (%RGB) | : | rgb(100%,94%,96%) | #ffffff | #ffffff | #000000 | #000000 |
Wir legen als Beispiel Farbe lavenderblush als Hintergrundfarbe von <p> fest und ändern die Größe der Schrift auf 13px.
<p style="font-size:13px; background-color:lavenderblush;"> Hintergrund nutzt Farbe lavenderblush </p>
Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum HTML-Tag p erfahren Sie in der HTML Referenz unter <p>.
In diesem Beispiel umranden wir <center> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbe lavenderblush. Mit HTML geht das kaum. Deshalb formatieren wir hier mit CSS.
<style type="text/css"><!-- center { border-style: groove; border-color: lavenderblush; border-width: 4px; } //--> </style>
Mehr zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten Befehl center sind in der HTML Referenz bei <center> ausführlich beschrieben.