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>