Links são usados para conectar uma página a outras páginas da web. Links com o mesmo cor como o resto do texto é difícil de perceber. A propriedade color do CSS é usada para alterar a cor dos links.
Usando CSS, podemos estilizar os links de diferentes maneiras. Podemos definir alguns estados do hiperlink que são os seguintes:
| a: ativo | É usado para adicionar estilo a um elemento ativo. |
| a: pairar | Adiciona efeitos especiais a um elemento quando o usuário move o ponteiro do mouse sobre o elemento. |
| um: link | Adiciona estilo ao link não visitado. |
| a:visitado | Adiciona estilo a um link visitado. |
Deve-se notar que na definição CSS, a: pairar deve vir depois um: link e a:visitado e também a: ativo deve vir depois do a: pairar para ser eficaz.
A ordem de declaração dos estados do hiperlink é dada a seguir:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Para alterar a cor do link, temos que usar o cor propriedade do CSS. O nome da cor pode ser fornecido em qualquer formato válido, como nome da cor, valor rgb() ou valor HEX.
Agora vamos ver como definir a cor dos links usando alguns exemplos.
Exemplo
Por padrão, a cor dos links normais ou não visitados é azul. Neste exemplo, estamos alterando a cor padrão do link usando o comando cor propriedade.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Teste agora Saída
Quando o programa for executado, obteremos a seguinte tela.
Ao passar o mouse, o link terá a seguinte aparência:
Quando o link está no estado ativo, a cor do link é vermelha, conforme mostrado abaixo.
