Tem como mudar cores padrão do link do site? Todos os navegadores da web usam cores padrão para links se o web designer não defini-los. Para alterar essas cores, use CSS (Cascading Style Sheets).
Cores do link
As cores dos links compreendem alguns estados diferentes:
- A cor padrão do link – o que você vê no texto antes de interagir com o link.
- A cor do link instantâneo – para a qual o link muda quando você passa o cursor sobre ele.
- A cor do link ativo – quando você clica no link com o mouse.
- A cor do link seguido – para links em que você clicou anteriormente.
Use CSS para alterar as cores do link
Usar CSS para alterar as cores padrão do link envolve definir o estilo da tag :
a { color: black; }
Com este CSS, alguns navegadores irão alterar todos os aspectos do link (padrão, ativo, seguido e pairar) para preto, enquanto outros irão alterar apenas a cor padrão.
Use uma pseudoclasse com dois pontos antes do nome da classe para alterar os links em estados específicos. Quatro pseudo classes afetam os links.
Para alterar a cor padrão do link:
a:link { color: red; }
Para alterar a cor ativa:
a:active { color: blue; }
Para alterar a cor do link seguido:
a:visited { color: purple; }
Para alterar a cor do mouseover:
a:hover { color: green; }
Considerações
Use cores para ajudar os visitantes do site a encontrar seus links com facilidade, mesmo que apenas percorram a página. Aqui estão algumas dicas:
- Vá para o contraste. Um link com uma cor muito clara contra um fundo branco é difícil de ver, principalmente para visitantes com deficiência visual.
- Procure cores diferentes para cores de links ativos e seguidos também, para garantir que os visitantes do site não fiquem confusos sobre as páginas que visitaram.
- Mantenha suas cores em harmonia com o design de sua página.
