text-decoration: none;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

The text-decoration property adds decoration to text.

The underline of the link can be removed by applying this property for the A element.


a {
text-decoration: none;
}

Property Value Explanation
text-decoration none normal text (removes the underline)

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

a { text-decoration: none; }

</style>

</head>
<body>

<p><a href="index.html">Link Styles</a></p>

</body>
</html>

Output

Link Styles