19
Gracias

Unas palabras de agradecimiento nunca están de más.

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

Por defecto, los hipervículos de una página desarrollada en HTML son subrayados mediante una raya de color que aparece debajo del texto. Sin embargo, esta característica se puede suprimir con la ayuda de la propiedad CSS text-decoration y su valor “none”, la cual permite que el texto no presente ningún tipo de decoración adicional. En este artículo vamos a ver cómo podemos emplearla.




Cómo quitar el subrayado con CSS

Para eliminar el subrayado de un enlace concreto únicamente tenemos que añadir el atributo style="text-decoration:none" justo antes del cierre de la etiqueta, como se muestra a continuación:

<html>
 <body>
  <h3>Hipervínculo con subrayado</h3>
   <a href="https://es.ccm.net">Enlace</a>  
  <h3>Hipervínculo sin subrayado</h3>
   <a href="https://es.ccm.net" style="text-decoration:none">Enlace</a>
 </body>
</html>


Y, como podemos observar en la siguiente imagen, en el enlace que se ha añadido dicha modificación no aparece subrayado alguno:


Cómo eliminar el subrayado de todos los hipervínculos con CSS

Sin embargo, si lo que deseas es que este estilo se aplique a todos los enlaces del código, basta con añadir <STYLE>A {text-decoration: none;} </STYLE> antes de la etiqueta <body>:

<html>
  <STYLE>A {text-decoration: none;} </STYLE>
 <body>
  <h3>Hipervínculo 1</h3>
   <a href="https://es.ccm.net">Enlace</a>  
  <h3>Hipervínculo 2</h3>
   <a href="https://es.ccm.net">Enlace</a>
 </body>
</html>


Consiguiendo, de este modo, eliminar el subrayado en todos los hipervínculos:




Foto: © Unsplash
19
Gracias

Unas palabras de agradecimiento nunca están de más.

Haz una pregunta
Nuestros contenidos son redactados en colaboración con expertos del ámbito tecnológico bajo la dirección de Jean-François Pillou, fundador de CCM.net y director digital en el Grupo Figaro. CCM es un sitio de tecnología líder a nivel internacional y está disponible en 11 idiomas.

Consulta también

El documento « Cómo quitar el subrayado de los enlaces en HTML/CSS » se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.