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-Code:

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-Code:

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.h...pseudo-classes
Tutorial von Klon: http://www.tutorials.de/tutorials120393.html
Beispiele bei DrWeb: http://www.drweb.de/html/css_menues.shtml