| 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 violet | ||||||
| Detail | : | Hintergrundfarbe violet | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbe | : | violet | #ee82ee | #ee82ee | #ee82ee | #ee82ee |
| Farbwert | : | #ee82ee | #f093f0 | #f093f0 | #cc6fcc | #cc6fcc |
| HTML | : | violet | #f2a5f2 | #f2a5f2 | #aa5caa | #aa5caa |
| CSS | : | violet | #f5b7f5 | #f5b7f5 | #884a88 | #884a88 |
| CSS (Wert) | : | #ee82ee | #f7c9f7 | #f7c9f7 | #663766 | #663766 |
| CSS (kürzest) | : | #ee82ee | #fadbfa | #fadbfa | #442544 | #442544 |
| CSS (RGB) | : | rgb(238,130,238) | #fcedfc | #fcedfc | #221222 | #221222 |
| CSS (%RGB) | : | rgb(93%,50%,93%) | #ffffff | #ffffff | #000000 | #000000 |
Ein Verweis wird mit HTML-Befehl <a> gesetzt. Diesen können Sie farblich gestalten und hervorheben.
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <a> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbe violet gesetzt wird.<style type="text/css"><!-- a:hover { background-color:violet; } //--> </style>
Mehr zum Thema a können Sie in Verweise und Protokolle in HTML finden. Mehr zum hier verwendeten HTML-Befehl a ist in der HTML Referenz bei <a> gezeigt.
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <select> so ein, dass bei Mausberührung die Textfarbe auf Farbe violet gesetzt wird.<style type="text/css"><!-- select:hover { color:violet; } //--> </style>
Mehr zum Thema erfahren Sie in Formulare in HTML. Die Beschreibung des HTML-Befehl select lesen Sie in der HTML Referenz unter <select>.
