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.