| weiter zu > Ressourcen: Farben > HTML für Einsteiger: Farben |
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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe darkgray | ||||||
| Detail | : | Hintergrundfarbe darkgray | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | darkgray | #a9a9a9 | #a9a9a9 | #a9a9a9 | #a9a9a9 |
| Farbwert | : | #a9a9a9 | #b5b5b5 | #b5b5b5 | #909090 | #909090 |
| HTML | : | darkgray | #c1c1c1 | #c1c1c1 | #787878 | #787878 |
| CSS | : | darkgray | #cdcdcd | #cdcdcd | #606060 | #606060 |
| CSS (Wert) | : | #a9a9a9 | #dadada | #dadada | #484848 | #484848 |
| CSS (kürzest) | : | #a9a9a9 | #e6e6e6 | #e6e6e6 | #303030 | #303030 |
| CSS (RGB) | : | rgb(169,169,169) | #f2f2f2 | #f2f2f2 | #181818 | #181818 |
| CSS (%RGB) | : | rgb(66%,66%,66%) | #ffffff | #ffffff | #000000 | #000000 |
Wir ändern z.B. die Hintergrundfarbe von <blockquote> auf Farbe darkgray. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new und verringern die Größe der Schrift auf 97%.
<style type="text/css"><!-- blockquote { font-size:97%; font-family:courier new; background-color:darkgray; } //--> </style>
Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML lesen. Einzelheiten vom hier gezeigten Tag <blockquote>.
Mit Befehl <h3> wird eine Überschrift der 3. Stufe gesetzt. Diese können Sie farblich gestalten und hervorheben.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <h3> so ein, dass bei Hover die Hintergrundfarbe auf Farbe darkgray geändert wird.<style type="text/css"><!-- h3:hover { background-color:darkgray; } //--> </style>
Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des hier genutzten Tag h3 sind in der HTML Referenz bei <h3> genau gezeigt.
