La decoración de texto: none no funciona
Para eliminar el subrayado de un enlace en HTML, utilice la propiedad CSS text-decoration. Utilízala con el atributo style. El atributo style especifica un estilo en línea para un elemento. Utilice el atributo style con la propiedad CSS text-decoration para eliminar el subrayado de un enlace en HTML. Ten en cuenta que el uso del atributo style anula cualquier estilo establecido globalmente. Anulará cualquier estilo establecido en la etiqueta HTML <style> o en una hoja de estilo externa.EjemploPuedes probar el siguiente código para eliminar el subrayado de un enlace en HTMLLive Demo<!DOCTYPE html>
Css una etiqueta
Remove the box-shadow Property to Remove the Underline and Color From a Link in CSSSometimes, the underline can be styled using the box-shadow property. We can provide the underline effect to any text using the property. The following CSS code snippet creates an underline.box-shadow: inset 0 -3px 0 0 #bdb;
In such a case, if we want to remove the underline, we can remove the box-shadow property, or we can set the property’s value to none.In the example below, a span class is styled in green color, and the box-shadow property is used to create a red-colored underline. Then, the property’s value is set to none, which removes the underline effect from the text.Example Code:<span class=»thisPage»>Current Page</span>
Un estilo href
Al estilizar los enlaces, es importante entender cómo hacer uso de las pseudoclases para estilizar sus estados de manera efectiva. También es importante saber cómo estilizar los enlaces para utilizarlos en características comunes de la interfaz cuyo contenido varía, como los menús de navegación y las pestañas. En este artículo veremos ambos temas.
Veamos algunos enlacesHemos visto cómo se implementan los enlaces en su HTML según las mejores prácticas en Creación de hipervínculos. En este artículo nos basaremos en este conocimiento, mostrando las mejores prácticas para estilizarlos.Estados de los enlacesLo primero que hay que entender es el concepto de estados de los enlaces – diferentes estados en los que pueden existir los enlaces. Estos pueden ser estilizados usando diferentes pseudo-clases:
Nota: Todos los enlaces que aparecen en los ejemplos de esta página son enlaces falsos: se pone un # (signo de almohadilla) en lugar de la URL real. Esto se debe a que si se incluyeran los enlaces reales, al hacer clic en ellos se romperían los ejemplos (acabarías con un error o con una página cargada en el ejemplo incrustado de la que no podrías volver). # sólo enlaces a la página actual.
Bootstrap eliminar el estilo de los enlaces
Para eliminar el subrayado de los enlaces, puedes utilizar la propiedad CSS text-decoration. A continuación veremos cómo definir esta propiedad para eliminar por completo el subrayado de los enlaces en tu sitio HTML o Bootstrap.
Por defecto en Bootstrap, los enlaces sólo muestran el subrayado cuando están en estado hover o activo. Es decir, cuando un visitante pasa por encima o hace clic en un enlace, éste mostrará el subrayado. De lo contrario, el subrayado no se mostrará en los enlaces, aunque hayan sido visitados. Además, los enlaces definidos por la clase botón de Bootstrap nunca muestran el subrayado.
Eliminar el subrayado en los enlaces es una de las preguntas más comunes de los codificadores frontales principiantes. La buena noticia es que el proceso es sencillo con la propiedad text-decoration. Sólo necesitas un poco de conocimiento de HTML y CSS para lograrlo.