CSS - Os seletores de links

São quatro os seletores dos links:

1. a:link define o estilo do link no estado inicial;
2. a:visited define o estilo do link visitado;
3. a:hover define o estilo do link quando passa-se o mouse sobre ele;
4. a:active define o estilo do link ativo (o que foi "clicado").

CSS - Adicionando sublinhado e sobrelinhado

CSS - Efeitos em links

A seguir exemplos dos efeitos mais comuns e simples aplicando CSS aos seletores de links

1-) Removendo o sublinhado do link

Típicamente, por default os links são sublinhados e na cor azul.

Um efeito muito comum em páginas web é o de se retirar o sublinhado do link normal, mudar a cor e fazer "aparecer" o sublinhado, quando o mouse é passado sobre ele.

Esse efeito obtém-se facilmente com CSS. Abaixo a regra para esse simples efeito:

PASSE O MOUSE AQUI