How to display a link without underline and display underline when mouseover on the link using CSS?

Write following css class.

a

{

text-decoration:none;

}

a:hover

{

text-decoration:underline;

}

The first class will force all anchor tag (link)to not display any docoration (underline) and second class will force all anchor tag (link) to display text decoration as underline when mouse over it (ie. display underline when mouse over).