En CSS, los hipervínculos están subrayados de forma predeterminada. Esto se debe a la decoración predeterminada que impone HTML/CSS . Para deshacernos de este subrayado, debemos hacer los siguientes cambios en la decoración predeterminada de la etiqueta de anclaje usando CSS. Podemos deshacernos de los hipervínculos subyacentes usando la propiedad de decoración de texto CSS . Si esta propiedad se establece en none, no se mostrarán hipervínculos subrayados.
Sintaxis:
a {
text-decoration: none;
}
Ejemplo: en el ejemplo dado, se agregan dos hipervínculos al documento HTML que lleva al sitio web geeksforgeeks.org . El hipervínculo ( aquí) está subrayado de forma predeterminada. Para eliminar el subrayado, se usará CSS de la siguiente manera en el segundo hipervínculo. Después de implementar los cambios mencionados, se elimina el subrayado.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
/* Changing anchor tag's text
decoration to none */
#a2 {
text-decoration: none;
}
</style>
</head>
<body>
<h3>Hello Geeks!</h3>
<!-- Defining hyperlink 'here' using
<a> tag -->
<p>To visit our website click
<a href="https://www.geeksforgeeks.org/">here</a>
</p>
<b>Hyperlink is overruled:</b>
<p>To visit our website click
<a id="a2" href="https://www.geeksforgeeks.org/">
here
</a>
</p>
</body>
</html>
Producción:
hipervínculo invalidado
Publicación traducida automáticamente
Artículo escrito por manishkrjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA