Kennt Ihr auch den Effekt wenn der Mauszeiger über einen Link geht und der Text die Farbe ändert, oder der Hintergrund des Links die Farbe wechselt, wie die Links auf dieser Seite? (Die Maus einfach mal auf „Fenster schließen“ bewegen, um ein Beispiel zu sehen.) Dies wird mit Cascading Style Sheets gemacht und hier folgt die Beschreibung wie man es machen kann.
ACHTUNG: Dieser Effekt funktioniert nur im Internet Explorer und in Netscape ab Version 6 und Mozilla, aber die Links selber funktionieren natürlich auch in den Pre-NS6-Versionen.

Tipp:

1. Den Style Sheet Editor für die Seite öffnen (oben rechts das treppenartige Symbol). Natürlich kann man auch ein externes Style Sheet anlegen, aber in diesem Beispiel benutze ich das interne Style Sheet.
2. Den Element-Hinzufügen-Button in der Toolbar klicken. (Abbildung 1) Abbildung 1
3. Das neue Element anwählen und als Namen: „a:hover“ in das Namensfeld des CSS-Inspektors schreiben. (siehe Abbildung 2)
4. Die Textfarbe auf dem Farb-Pop-Up-Menü im Schrift-Tab des CSS Inspektors öffnen. Dies wird die Farbe beim Zustand „mouseover“ (hover = mouseover) (siehe Abbildung 3).
5. Die Hintergrundfarbe aus dem Farb-Pop-Up-Menü im Hintergrund-Tab des CSS Inspectors anwählen. (siehe Abbildung 4)
6. Zuletzt noch den Link anlegen.
7. Die Seite sichern und dann im Internet Explorer angucken. (siehe Abbildungen 5 & 6)

Abbildung 2

Abbildung 4

Abbildung 3

Abbildungen 5 & 6

So sieht das Endergebnis dann aus.