underline is removed when you mouse over a link

(hover) text-decoration: none;

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)


<title>TAG index</title>

<style type="text/css">

a:hover { text-decoration: none; }



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