How to Remove Underline from Hyperlink

Designers may require Hyperlinks without underline so that it does not show as a link or when it doesn’t go well with the design. It is easy to remove underlines using CSS. Open your CSS file and just add these following lines to it:

a {
text-decoration: none;

You can also specify the following options:

This would reflect on all your pages where you have included the CSS file. If you want to specify for just one particular link, then mention the styling inside your hyperlink as follows:

<a href=’’ style=’text-decoration: none;’>SEO Tutorials</a>

Underline on Hover Only
If you wish that Underline should appear only when you move your mouse over, then use the following code:

a:hover {
text-decoration: underline;