Links schöner gestalten mit CSS

Mit css hast du viel mehr Möglichkeiten bei der Linkgestaltung

a:link, a: visited, a:hover und a:active

Bei der Linkgestaltung unterscheidet man 4 unterschiedliche Tags: a:link~, a: visited~, a:hover~ und a:active~.

Mit a:link~ legt man Eigenschaften noch nicht besuchter Links fest, mit a:visited~ Eigenschaften besuchter Links, mit a:hover~ Eigenschaften beim MouseOver und bei a:aktive~ Eigenschaften des angeklickten Links.

Man verwendet die gleichen Eigenschaften wie bei den Grundeigenschaften außer den Hintergrundeigenschaften. Man kann auch noch zusätzliche Eigenschaften verwenden.

Wie entsteht Fadenkreuz, Zeiger und Pfeile bei Mouseover?

cursor:default~ Beim Mouseover verändert sich der Cursor. Er kann dabei folgendes Aussehen annehmen (ein paar Beispiele): normaler Cursor (default), Fadenkreuz (crosshair), Zeiger (pointer), Pfeil der nach oben zeigt (n-resize), Pfeil der nach unten zeigt (s-resize), Pfeil der nach links zeigt (w-resize), Textcursor (text), ... Das in den Klammern sind die Werte, die du im Beispiel statt default einsetzen musst. Die komplette Eigenschaft setzt du in die geschweifte Klammer des Tags, wo du es verwenden willst.

Aus der Auswahl der Eigenschaften kannst du dann das Aussehen der Links festlegen. Und ganz wichtig: *das Semikolon am Ende einer Eigenschaft nicht vergessen!* Sonst funktioniert es nicht!