How To Remove Underline From Hyperlink

text-decoration: none;

This page shows how to remove the hyperlink underline with CSS by using the text-decoration property. Did you know that removing the underline allows you to make different colored underlines for your hyperlinks?

Remove Hyperlink Underline Code

Code - HTML and Inline CSS

<a href="remove-hyperlink-underline.php" style="text-decoration: none;">Remove Hyperlink Underline</a>

Output

Remove Hyperlink Underline

Remove all Hyperlink Underlines Site-Wide

The easy way to remove all hyperlink underlines on an entire website is to declare the text-decoration: none; rule into an external stylesheet like this ..

Code - CSS

a {
text-decoration: none;
}

Remove all Hyperlink Underlines Single Page

The easy way to remove all hyperlink underlines on a single web page is to declare the text-decoration: none; rule directly into the head of your web document using an internal stylesheet like this ..

Code - HTML and CSS

<style>
a {
text-decoration: none;
}
</style>

See also: How to change hyperlink underline color.

Hyperlink Articles

Hyperlink Articles