[CSS] Wie kann ich mit CSS meinen Links ein HoverVerhalten zuweisen?


Status
Nicht offen für weitere Antworten.

Andreas Gaisbauer

Erfahrenes Mitglied
Wie kann ich mit CSS meinen Links ein HoverVerhalten zuweisen?

Grundsätzlich erreicht man einen solchen MouseoverEffekt indem man mit den PseudoKlassen :link, :visited, :hover, :active abreitet.

Beispiel:
PHP:
A:link    { color: red }    /* unvisited links */
A:visited { color: blue }   /* visited links   */
A:hover   { color: yellow } /* user hovers     */
A:active  { color: lime }   /* active links    */
oder als Zusammengesetzte Klasse
PHP:
A:focus { background: yellow }
A:focus:hover { background: white }
Wichtig: Laut Selfhtml muss folgende Reihenfolge einhalten werden um eine korrekte Darstellung zu erreichen: :link, :visited, :hover, :active.

Links:
CSS-Spezifikation: http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes
Tutorial von Klon: http://www.tutorials.de/tutorials120393.html
Beispiele bei DrWeb: http://www.drweb.de/html/css_menues.shtml
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge