How to display a link without underline when mouseover on the link using CSS?
How to display a link without underline when mouseover on the link using CSS?
HTML Code:<html>
<head>
<style>
a:hover{
text-decoration:none;
}
</style>
</head>
<body>
<a href="https://www.google.com/">LINK</a>
</body>
</html>
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>