Anzeige

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


Status
Nicht offen für weitere Antworten.

Andreas Gaisbauer

Erfahrenes Mitglied
#1
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.
Anzeige

Neue Beiträge

Anzeige