By default, whenever you add a link in your webpage, its underlined and displays in a different colour from the rest of the text. However, there might be times when you want to remove the underline. Here’s how to do it.

I uses the text-decoration property to remove the underlines from link text. By default, the browser will set it to underline. To remove the underline, all you need to do is to set the text-decoration property to “none”.

Is removing underline a bad idea?
Underlining links is a standard convention followed by all web browsers and, consequently, users expect to see links underlined. Removing the underline from links that appear within text can make it very difficult for people to realize that these words are in fact links, and not just highlighted text. There are other ways in which you can style links so they look attractive, and removing the underline is rarely, if ever, necessary.

Links that are used as part of a menu, or appear in some other situation in which the text is quite obviously a link—for instance, where the text is styled with CSS to resemble a graphical button—are a different story. If you wish, you can remove the underline from these kinds of links, because it should be obvious from their context that they’re links.