How to display a link without underline when mouseover on the link using CSS? [Archive]

Sherin

06-10-2019, 01:24 AM

<html>
<head>

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

</head>
<body>
<a href="https://www.google.com/">LINK</a>
</body>
</html>

eCommerceChamp

06-22-2019, 06:05 AM

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?

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

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>