Remover o sublinhado nos links em HTML / CSS

Faça uma pergunta
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: © Pixabay.
Jean-François Pillou

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net e diretor digital do Grupo Figaro. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.

Mais informações sobre a equipe do CCM

Veja também