Remover o sublinhamento nos links em HTML / CSS

Novembro 2016


Por padrão, os hyperlinks em HTML são sublinhados, um traço da cor do link aparece abaixo do texto. Você pode remover esse sublinhado utilizando a propriedade "CSS text-decoration: none":


Graças ao 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>


Saiba que a pseudo-classe :link permite ter como alvo apenas os hiperlinks (<a href="">) e não as âncoras (<a name="">). Porém, você não precisa utilizá-la, se não quiser.

Graças ao CSS através de uma classe


Se você quiser esse estilo se aplique somente a certos links, basta, por exemplo, definir uma classe específica para os links não sublinhados (por exemplo, classe nounderline):

<style type="text/css"> 
a.nounderline:link 
{ 
 text-decoration:none; 
} 
</style>


Depois, ao escrever o link, referir-se a esta classe:

<a href="/" class="nounderline">Texto do link</a>

Graças ao CSS on-line


Enfim, se você não quiser definir a folha de estilo, você pode simplesmente definir o estilo on-line usando o atributo de estilo, da seguinte maneira:

<a href="/" style="text-decoration:none">Texto do link</a>



Tradução feita por Lucia Maurity y Nouira

Veja também :
Este documento, intitulado « Remover o sublinhamento nos links em HTML / CSS »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.