Cómo quitar el subrayado de los enlaces en HTML/CSS

Haz una pregunta
Por defecto, los enlaces de hipertextos en HTML son subrayados mediante una raya de color que aparece debajo del texto. Sin embargo, puedes suprimir este subrayado con la ayuda de la propiedad CSS text-decoration:none.


Cómo quitar subrayado a través de CSS

Solo define el siguiente código CSS en tu código HTML:


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

Nota: la seudoclase :link permite enfocarte solo en los enlaces de hipertextos (<a href="">) y no en los atributos (<a name="">). Sin embargo, puedes prescindir de ella si lo deseas.

Cómo eliminar el subrayado mediante una clase CSS

Si deseas que este estilo se aplique solo a ciertos enlaces, te basta con definir una clase específica para los enlaces no subrayados (por ejemplo la clase nounderline):

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

Luego, escribe el enlace y haz referencia a esta clase:

<a href="/" class="nounderline">Texto del enlace</a>

Cómo remover el subrayado usando CSS en línea

Si no deseas definir la "hoja de estilo", define el estilo en línea con la ayuda del atributo estilo de la manera siguiente:


<a href="/" style="text-decoration:none">Texto del enlace</a>

Foto: © Pixabay.
Jean-François Pillou

Jean-François Pillou - Fundador de CCM
Mejor conocido como Jeff, Jean-François Pillou es el fundador de CommentCaMarche.net. También es CEO de CCM Benchmark y director digital en el Grupo Figaro.

Más información sobre el equipo de CCM

Consulta también