Werbung:

Du befindest dich hier: codes/css/hover

Hover Effekte

Es gibt 4 Link Zustände.

:link
Der Grundzustand des Linkes.

:visited
visited, engl: besucht - Die Anzeige des Links, wenn er schon mal angeklickt wurde.

:hover
Der Hover - definiert, wie der Link aussehen soll, wenn man ihn gerade mit der Maus "berührt".

:active
... dient dazu, festzulegen, wie der Link aussieht, wenn das Ziel aktuell angezeigt wird... (d.h während die nächste Seite ladet)

Beispiel-Code
1:
2:
3:
4:
a:link { text-decoration:none; color:#000000; font-family:Verdana; }
a:visited { text-decoration:none; color:#000000; font-family:Arial; }
a:hover { text-decoration:none; color:#000000; font-weight:bold; font-size: 10pt;}
a:active { text-decoration:none; color:#000000; font-weight:bold; font-style: oblique; background-color: #3994ca; }