Links e sublinhados

Em CSS as classes que modificam os links são:

a

use-a para definir as características padrão dos links.

a {text-decoration:none; color:red;}

a:link

afeta os links antes de clicados.

a:link {text-decoration:underline; color:blue;}

a:hover

afeta o link no momento em que o mouse passa sobre ele.

a {text-decoration:overline; color:purple;}

a:active

afeta o link no momento em que é clicado.

a:active {text-decoration:line-through; color:red;}

a:visited

afeta os links que já foram visitados. Se você usar a classe a:visited a classe a:hover não terá efeito sobre links já visitados. Para isso não ocorrer, não use a:visited, coloque as caraterísticas do link visitado em a.

a:visited {text-decoration:line-through; color:red;}

A propriedade mais utilizada na edição de links em CSS é text-decoration, porque pode retirar o sublinhado. Admite os seguintes valores:

text-decoration:none;

Sem linha.

text-decoration:underline;

Sublinhado.

text-decoration:overline;

Com linha acima.

text-decoration:line-through;

Texto riscado.

A propriedade text-decoration aceita ainda acumulação de valores:

text-decoration:underline line-through;

Sublinhado e riscado como aqui

text-decoration:overline line-through;

Riscado e com linha acima como aqui.

text-decoration:overline underline;

Sublinhado e com linha acima como aqui.

text-decoration:overline underline line-through;

Sublinhado, riscado e com linha acima como aqui.