Cómo eliminar el subrayado azul del enlace en CSS

Los enlaces en HTML son hipervínculos por los cuales puede saltar a otro sitio. En el diseño web, los enlaces son conexiones entre dos recursos web, por ejemplo, imágenes, videos, archivos PDF y páginas web.

En HTML, se crea un enlace usando la etiqueta. Dentro de la etiqueta, puede especificar la URL y el texto del enlace. Cuando se agrega un enlace, aparece un subrayado debajo del enlace; Sin embargo, la propiedad de decoración de texto se puede usar para eliminarla.

Esta publicación considerará algunos ejemplos para explicar los aspectos de la lista de abajo:

• Propiedad de decoración de texto en CSS
• Cómo eliminar subrayar de un enlace?

Vamos a empezar!

Propiedad de decoración de texto en CSS

Para aplicar cualquier tipo de decoración al texto, se utiliza la propiedad de decoración de texto. Por ejemplo, la propiedad de decoración de texto nos ayuda a cambiar el color del texto, el estilo y la línea de decoración.

Sintaxis

Primero, entenderemos la sintaxis de la propiedad de decoración de texto:

Decoración de texto: línea | Color | estilo;

La decoración del texto es una propiedad en taquigrafía para las propiedades CSS mencionadas a continuación:

• línea de decoración de texto: Se usa para agregar una línea en el texto.
• color-decoración-color: Se usa para aplicar color a la línea del texto.
• TEXT-DECORACIÓN-ESCRIPCIÓN: Especifica el grosor de la decoración de la línea.
• Estilo de decoración de texto: Esta propiedad establece el estilo de la línea.

Con el uso de la propiedad de decoración de texto, eliminaremos el subrayado del enlace en el siguiente ejemplo.

Cómo eliminar subrayar de un enlace?

En HTML, cuando agregamos un enlace, aparece la línea debajo del texto del enlace que se puede eliminar utilizando la propiedad de decoración de texto.

Ejemplo

Usaremos la etiqueta para definir un hipervínculo. href es la referencia de hipervínculo del sitio, y se utiliza para dar la dirección del sitio. Después de dar la dirección, especifique el nombre del enlace porque el enlace no aparece en el sitio. Solo el nombre que damos será visible:

Facebook

Puede ver que aparece una línea en Facebook, que denota que se le adjunta un hipervínculo:

Ahora nos moveremos al CSS y eliminaremos el subrayado azul.

Aquí, "a"Se refiere al enlace que asignamos en la sección HTML. Estableceremos el atributo de la propiedad de decoración de texto como "ninguno".

a
Decoración de texto: ninguna;

La salida muestra que se ha eliminado el subrayador azul después de asignar el "ninguno"Atributo a la propiedad de decoración de texto:

Hemos ofrecido el método relacionado con la eliminación de la subrayación azul del enlace en CSS.

Conclusión

Para eliminar el subrayado azul de un enlace, la propiedad de decoración de texto se utiliza en CSS. Para hacer eso, configure el "decoración de texto"El valor de la propiedad como"ninguno". Este artículo explicó el funcionamiento de la propiedad de decoración de texto y cómo usarla para eliminar el subrayado azul de la línea con la ayuda de ejemplos adecuados.