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 darkseagreen | ||||||
Detail | : | Hintergrundfarbe darkseagreen | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | darkseagreen | #8fbc8f | #8fbc8f | #8fbc8f | #8fbc8f |
Farbwert | : | #8fbc8f | #9fc59f | #9fc59f | #7aa17a | #7aa17a |
HTML | : | darkseagreen | #afcfaf | #afcfaf | #668666 | #668666 |
CSS | : | darkseagreen | #bfd8bf | #bfd8bf | #516b51 | #516b51 |
CSS (Wert) | : | #8fbc8f | #cfe2cf | #cfe2cf | #3d503d | #3d503d |
CSS (kürzest) | : | #8fbc8f | #dfebdf | #dfebdf | #283528 | #283528 |
CSS (RGB) | : | rgb(143,188,143) | #eff5ef | #eff5ef | #141a14 | #141a14 |
CSS (%RGB) | : | rgb(56%,73%,56%) | #ffffff | #ffffff | #000000 | #000000 |
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <address> so ein, dass bei Hover die Textfarbe auf Farbe darkseagreen geändert wird.<style type="text/css"><!-- address: hover { color: darkseagreen; } //--> </style>
Mehr zu address können Sie in Blockorientierte Elemente in HTML lesen. Mehr zum hier genutzten HTML-Befehl address ist in der HTML Referenz bei <address> genau beschrieben.
Wir ändern in diesem Beispiel bei <li> die Hintergrundfarbe auf Farbe darkseagreen:
<style type="text/css"><!-- li { background-color:darkseagreen; } //--> </style>
Weiteres zum Thema li erfahren Sie in Listen und Glossare in HTML. Weiteres zum Tag li finden Sie in der HTML Referenz unter <li>.