0

Estilizando Links com CSS

cssEstilos em Links com CSS

Os elementos dos links são padrão para todos os navegadores:

  • link – mostra como o link irá aparecer antes de ser clicado;
  • visited – mostra como o link irá aparecer depois de ser clicado;
  • hover – mostra como o link irá aparecer quando o mouse passar por cima dele;
  • active – mostra como o link irá aparecer quando você clicar nele.

Para aplicarmos essa propriedade usamos as pseudo classes. Essas são classes dinâmicas que tem a capacidade de interagir com o documento.

Exemplo:

Para que o efeito dos links apareça de forma correta é necessário seguir essa ordem: link, visited, hover, active.

Multiplos Estilos em Links usando Classes

Outra opção do CSS é a capacidade de se usar mais de um estilo para os links e até mesmo outras propriedades. Isso irá ajudar quando você tiver áreas diferentes em seu documento que precisam ser feitas com uma estilização única.

Veja como fazer no exemplo abaixo:

Você irá aplicar a classe class=”nav” ao link que você deseja atribuir outro parâmetro:

Você pode fazer quantas classes quiser para seu documento.

Removendo o sublinhado dos links

Para remover o sublinhado dos links basta usar a propriedade text-decoration. Confira o exemplo abaixo:

Paulo R. Marinho

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

13 − = 7