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.
- Como tirar o sublinhado do link html
- Tirar sublinhado de link css - Melhores respostas
- Como tirar sublinhado de link css - Melhores respostas
- Espaco html - Dicas -Linguagens
- Como tirar o sublinhado vermelho do word - Dicas -Word
- Como ver o html de um site - Dicas -Programação
- Como tirar link do word - Dicas -Word
- Tirar encurtador de link - Dicas -Internet
Assine nossa newsletter!
