underline is removed when you mouse over a link


(hover) text-decoration: none;

Browser
Internet Explorer Firefox Opera

The text-decoration property adds decoration to text.

When you set this property with pseudo-classes for the A element, the underline of the link can be removed according to the state of the link.

In the following examples, the underline is removed only when you mouse over the link.


a:hover {
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:hover { text-decoration: none; }

</style>

</head>
<body>

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

</body>
</html>
Output