Busca

Carregando...

sábado, 9 de agosto de 2008

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.
Posts relacionados