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 hotpink | ||||||
Detail | : | Hintergrundfarbe hotpink | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | hotpink | #ff69b4 | #ff69b4 | #ff69b4 | #ff69b4 |
Farbwert | : | #ff69b4 | #ff7ebe | #ff7ebe | #da5a9a | #da5a9a |
HTML | : | hotpink | #ff93c9 | #ff93c9 | #b64b80 | #b64b80 |
CSS | : | hotpink | #ffa9d4 | #ffa9d4 | #913c66 | #913c66 |
CSS (Wert) | : | #ff69b4 | #ffbede | #ffbede | #6d2d4d | #6d2d4d |
CSS (kürzest) | : | #ff69b4 | #ffd4e9 | #ffd4e9 | #481e33 | #481e33 |
CSS (RGB) | : | rgb(255,105,180) | #ffe9f4 | #ffe9f4 | #240f19 | #240f19 |
CSS (%RGB) | : | rgb(100%,41%,70%) | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <strong> vor.
Wir legen hier Farbe hotpink als Hintergrundfarbe von <strong> fest und verkleinern die Größe der Schrift auf 89%.
<style type="text/css"><!-- strong { background-color: #39ccde; font-size: 89%; } //--> </style>Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbe hotpink gesetzt wird.
<style type="text/css"><!-- strong: hover { background-color: hotpink; } //--> </style>
Weiteres zu strong können Sie in Text in HTML nachlesen. Der Tag strong ist in der HTML Referenz unter <strong> ausführlich zusammengestellt.
In diesem Beispiel legen wir bei <var> die Textfarbe auf Farbe hotpink fest.
<var style="color:hotpink;"> Text hat Farbe hotpink </var>
Mehr zum Thema lesen Sie in Text in HTML. Weiteres zum Befehl var erfahren Sie in der HTML Referenz unter <var>.