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?



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


Remove Hyperlink Underline


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 ..

a {
text-decoration: none;
}


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 ..

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



See also: How to change hyperlink underline color.


Web Design