HyperlinkCode.com

How to create 500 totally unique, human-quality articles in just 45 seconds ..

How To Remove Underline From Hyperlink

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

HTML and Inline CSS

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

Output

Remove Hyperlink Underline

CSS Examples

a {
text-decoration: none;
}

div#my_container a {
text-decoration: none;
}

p.my_class a {
text-decoration: none;
}

ul.my_list a {
text-decoration: none;
}

If you need to do this on your entire website, the external stylesheet method is recommended.

Free web design videos! Learn the easy way to responsive (mobile friendly) web design.

More Hyperlink Codes

© Copyright 2007 - 2017 HyperlinkCode.com.
Site Admin: Ed Zivkovic. Privacy | Terms