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

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>

HTML Introduction

vkash8574

Improve

Article Tags :

How to Remove Underline from Links in CSS?

Similar Reads

Basics

HTML Structure & Elements

HTML List

HTML Visuals & Media

HTML Layout & Design

HTML Projects& Advanced Topics

HTML Tutorial References

Thank You!

What kind of Experience do you want to share?