Brskalniki povezave obarvajo modro in jih podčrtajo. Lahko pa povezavam določimo drugačen stil. Določimo lahko drugo vrsto pisave, velikost, debelino pisave, barve in drugo.
Naslednja koda CSS vse povezave napiše rdeče.
a {
color: red;
}
V kodi lahko določiš, da se izgled povezave spremeni, ko miškin kazalec lebdi nad povezavo:
a:hover {
font-weight: bold;
text-decoration: none;
}
V zgornji kodi ukaz text-decoration: none odstrani črto pod povezavo.
To običajno ni dobra ideja, ker lahko zmede bralca; najbolje je, če je povezava podčrtana text-decoration: underline.
V kodi lahko določiš, da se izgled povezave spremeni, ko uporabnik klikne nanjo:
a:active {
font-size: 1.25em;
}
Določimo lahko tudi, da se spremeni izgled povezave, na katero je uporabnik že kliknil. Spodnja koda določa, da se po kliku na povezavo ime povezave napiše v roza barvi.
a:visited {
color: pink;
}