a

<a href="Link URL" title="Linkpopup">Linktext</a>

Linktext


:link = Darstellung unbesuchter Links
a:link {
     text-decoration: none; color: purple;
}


:visited = Darstellung besuchter Links
a:visited {
     text-decoration: underline; color: green;
}


:hover = Während die Maus über dem Link ist
a:hover {
     background-color: red;
}


:active = Wenn die Linke Maustaste auf den Link klickt
a:active {
     background-color: blue;
}


::after = Inhalt hinter dem Text im Link
a::after {
     content: "Inhalt hinter dem Text im Link";
}


::before = Inhalt vor dem Text im Link
a::before {
     content: "Inhalt vor dem Text im Link";
}

---

Beispiel

Der Beispieltext umfließt einen Link mit dem Namen Linktest und er dient lediglich zur Demonstartion.