Remover o sublinhado nos links em HTML / CSS
Os hyperlinks 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 hyperlinks 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.
Observação: a pseudoclasse :link permite focar apenas os hiperlinks (a href="") e não os atributos (a name=""). Porém, você pode fazê-lo, se quiser.
Depois disso, ao escrever o link, referir-se a esta classe:
Foto: © Max Nelson - Unsplash.
Por padrão, os hyperlinks 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.
Utilizando o CSS
Para fazê-lo, basta definir o seguinte código CSS em seu código HTML:<style type="text/css">
a:link
{
text-decoration:none;
}
</style>
Observação: a pseudoclasse :link permite focar apenas os hiperlinks (a href="") e não os atributos (a name=""). Porém, você pode fazê-lo, se quiser.
Utilizando o CSS através de uma classe
Se você quiser que este estilo se aplique apenas a certos links, basta, por exemplo, definir uma classe específica para os links não sublinhados (ex: a classe nounderline):<style type="text/css">
a.nounderline:link
{
text-decoration:none;
}
</style>
Depois disso, ao escrever o link, referir-se a esta classe:
<a href="/" class="nounderline"Texto do link</a>
Utilizando o CSS online
Enfim, se você não quiser definir a folha de estilo, pode simplesmente definir o estilo online, usando o atributo de estilo da seguinte maneira:<a href="/" style="text-decoration:none"Texto do link</a>
Foto: © Max Nelson - Unsplash.
Veja também
- Remover sublinhado link css
- Tirar sublinhado do link css - Melhores respostas
- Como tirar o sublinhado do link html - Melhores respostas
- Como remover um link do google - Dicas - Google
- Remover meu link no disponivel.com ✓ - Fórum - Problemas Internet
- Remover encurtador de link - Dicas - Internet
- O link que você seguiu pode estar quebrado ou a página pode ter sido removida - Fórum - Windows
- Remover a borda de uma imagem em HTML/CSS - Dicas - HTML
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.
