Eliminando el subrayado con el atributo href [duplicar]

Question

Eliminando el subrayado con el atributo href [duplicar]

Posible Duplicado:
¿Cómo eliminar el subrayado para anclas (enlaces)?

En el siguiente código, el enlace se subraya cuando uso el atributo href.

<html>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

Quiero que el enlace esté asociado con esa etiqueta, pero no subrayado. ¿Cómo puedo hacer eso? Gracias de antemano por su ayuda.

41

html href underline

Author: Community, 2012-09-21

Source

1 answers

score 82 · Accepted Answer

Añade un estilo con el atributo text-decoration:none;:

Hay varias maneras diferentes de hacer esto.

Estilo en línea:

<a href="xxx.html" style="text-decoration:none;">goto this link</a>

Hoja de estilos en línea:

<html>
<head>
<style type="text/css">
   a {
      text-decoration:none;
   }
</style>
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

Hoja de estilos externa :

<html>
<head>
<link rel="Stylesheet" href="stylesheet.css" />
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

hoja de estilo.css:

a {
      text-decoration:none;
   }