How to Remove Underline from Links in CSS?

Last Updated : 24 Jul, 2025

The text-decoration property is used to remove the underline from links in CSS. You can use the below syntax on anchor element to remove underline from link.

Syntax

a {
text-decoration: none;
}

It is very basic to remove underline from link with text-decoration property. The none value removes the underline.

Example: Removing the underline from links with CSS.

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

<a href="https://www.geeksforgeeks.org/">
    GeeksforGeeks
</a>

Output

Remove-Underline-from-Link

Example: The above code can be written using inline CSS to remove underline from link.

HTML
<a href="https://www.geeksforgeeks.org/"
   style="text-decoration: none;">
    GeeksforGeeks
</a>


Comment