Links mit CSS ausschmücken

Sie können mit Hilfe von CSS Ihre Links schöner gestalten, z. B. indem Sie das Aussehen des Links bei verschiedenen Aktionen und Zuständen verändern. Im folgenden eine kleine Liste aller einsetzbaren Attribute, die immer das Aussehen des Links definieren:

- a:link [Normaler Zustand]
- a:hover [Wenn mit der Maus über den Link gefahren wird]
- a:active [Während man auf den Link klickt]
- a:visited [Wenn der Link schon besucht wurde]

Im folgenden ein Beispiel für den Einsatz aller Attribute (das visited-Attribut muss vor dem hover stehen, da sonst kein Hovereffekt bei bereits besuchten Links vorhanden ist):
<style type="text/css">
<!--
a {
color: #000000;
}
a:visited {
color: #333333;
}
a:link {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
background: white;
color: #859085;
}
a:active {
text-decoration: none;
color: #BBBBBB;
}
-->
</style>

(as)
Weitere Funktionen
Zur Artikel-Übersicht
Diesen Artikel ausdrucken
Beispiel downloaden
Online-Beispiel ansehen
Haben Sie noch Fragen? Fragen Sie auf computer-portal.net.
Bewertung
Dieser Tipp wurde für brauchbar mit 6 von 10 Punkten [ 14 Stimme(n) ] befunden.

Bewertung in Punkten [10 = genial, 1 = sehr schlecht]:      
Kommentare
Bisherige Kommentare ansehen:
Zu diesem Artikel wurden noch keine Kommentare verfasst.

Einen eigenen Kommentar verfassen:
Sie müssen sich erst registrieren um einen Kommentar verfassen zu können.

Bestellen
Abbestellen
    
    
    Weitere Informationen
  Welchen Browser nutzen Sie?
Internet Explorer
Mozilla
Mozilla Firefox
Netscape
Opera
Safari
Sonstige
    Ergebnis ansehen
    

-Accessoires Adrenotex- / sony digitalkamera / Tennissaiten / Hundesalon