Todos os navegadores da Web usam cores padrão para links, se o designer da Web não os definir. Eles são:
- A cor do link padrão
- A cor do link ativo (quando o mouse é clicado e mantido sobre o link)
- A cor do link seguido (quando o link foi clicado anteriormente)
Além disso, embora a maioria dos navegadores da Web não altere isso por padrão, você também pode definir a cor hover - a cor que o link é quando um mouse é mantido sobre ele.
Use CSS para alterar as cores dos links
Para alterar essas cores, use uma folha de estilos em cascata. A maneira mais fácil de alterar a cor do link é estilizar a tag:
um {cor: preto; }
Com esse CSS, alguns navegadores alteram todos os aspectos do link (ativo, seguido e pairado) para preto, enquanto outros alteram apenas a cor padrão.
Use pseudo-classes CSS para alterar todas as partes de um link
Uma pseudo-classe é representada em CSS com dois pontos (:) antes do nome da classe. Quatro pseudo-classes afetam os links:
Para alterar a cor do link padrão:
a: link {cor: vermelho; }
Para alterar a cor ativa:
a: active {color: blue; }
Para alterar a cor do link a seguir:
a: visitou {color: purple; }
Para mudar o mouse sobre a cor:
Considerações
Evite substituir as cores de link padrão para tornar os links mais difíceis de encontrar. Por exemplo, alterar um link para uma cor muito clara contra um fundo branco afetará negativamente os visitantes com deficiência visual. Apontar para cores separadas para cores ativas e de link seguido, também, para garantir que os visitantes do site não fiquem confusos sobre quais páginas eles visitaram.
