26
Obrigado

Algumas palavras de agradecimento nunca são demais.

Remover o sublinhado nos links em HTML/CSS

Os hiperlinks em HTML aparecem, por padrão, com traço colorido sob o texto. Entretanto, existe a possibilidade de remover esse recurso.




Por padrão, os hiperlinks em HTML são sublinhados com um traço colorido que aparece sob o texto. Você pode remover esse sublinhado utilizando a propriedade CSS text-decoration: none.

Como remover o sublinhado com CSS

Para eliminar o sublinhado de um link concreto, temos apenas que adicionar o atributo style="text-decoration:none" logo antes de encerrar a tag, como mostramos no código abaixo:

<html>
 <body>
  <h3>Hiperlink com sublinhado</h3>
   <a href="https://br.ccm.net">Link</a>  
  <h3>Hiperlink sem sublinhado</h3>
   <a href="https://br.ccm.net" style="text-decoration:none">Link</a>
 </body>
</html>


Como podemos observar na imagem a seguir, o link no qual foi adicionada tal modificação não aparece nenhum sublinhado:


Como eliminar o sublinhado de todos os hiperlinks com CSS

Porém, se você deseja que esse estilo seja aplicado a todos os links do código, basta adicionar <STYLE>A {text-decoration: none;} </STYLE> antes da tag <body>:

<html>
  <STYLE>A {text-decoration: none;} </STYLE>
 <body>
  <h3>Hiperlink 1</h3>
   <a href="https://br.ccm.net">Link</a>  
  <h3>Hiperlink 2</h3>
   <a href="https://br.ccm.net">Link</a>
 </body>
</html>


Conseguiremos, dessa forma, eliminar o sublinhado em todos os hiperlinks:



Foto: © Max Nelson - Unsplash.
Veja também
Este documento, intitulado 'Remover o sublinhado nos links em HTML / CSS', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.
1 Comentário

Assine nossa newsletter!

Receba toda semana o melhor conteúdo

Assine nossa newsletter!