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 slateblue | ||||||
Detail | : | Hintergrundfarbe slateblue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | slateblue | #6a5acd | #6a5acd | #6a5acd | #6a5acd |
Farbwert | : | #6a5acd | #7f71d4 | #7f71d4 | #5a4daf | #5a4daf |
HTML | : | slateblue | #9489db | #9489db | #4b4092 | #4b4092 |
CSS | : | slateblue | #a9a0e2 | #a9a0e2 | #3c3375 | #3c3375 |
CSS (Wert) | : | #6a5acd | #bfb8e9 | #bfb8e9 | #2d2657 | #2d2657 |
CSS (kürzest) | : | #6a5acd | #d4cff0 | #d4cff0 | #1e193a | #1e193a |
CSS (RGB) | : | rgb(106,90,205) | #e9e7f7 | #e9e7f7 | #0f0c1d | #0f0c1d |
CSS (%RGB) | : | rgb(41%,35%,80%) | #ffffff | #ffffff | #000000 | #000000 |
Mit HTML-Tag <div> setzen Sie einen Universalkontainer. Diesen können Sie hervorheben und farblich gestalten.
In diesem Beispiel umranden wir <div> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe slateblue. Das ist mit HTML nicht möglich. Wir verwenden daher CSS.
<style type="text/css"><!-- div { border:4px dotted slateblue; } //--> </style>
Beschreibung des Tag <div>.
Beispielsweise unterstreichen wir <label> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbe slateblue. Dies geht in HTML kaum. Wir verwenden deshalb CSS zur Formatierung.
<style type="text/css"><!-- label { border-bottom-width:4px; border-bottom-color:slateblue; border-bottom-style:groove; } //--> </style>
Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man das bei Hyperlinks. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist jedoch keine "wirkliche" Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.
Weiteres zum Thema label erfahren Sie in Formulare in HTML. Weiteres zum hier genutzten Befehl <label>.