How To Remove Underlining From Links

Table of contents:

How To Remove Underlining From Links
How To Remove Underlining From Links

Video: How To Remove Underlining From Links

Video: How To Remove Underlining From Links
Video: How to Remove Underline From Link in HTML Using CSS 2020 2024, December
Anonim

Many webmasters want to edit the way links are displayed on a site, but with knowledge of HTML tags alone, this is not possible. If you want to remove underlining from links, HTML will not help - you will need to use CSS codes, which are quite difficult for many.

The disappearance or manifestation of a line when the cursor is hovering over a link adds unusualness to your site and attracts users, so if you are a site owner and webmaster, you may find it useful to learn the simple process of eliminating underlining in links.

How to remove underlining from links
How to remove underlining from links

Instructions

Step 1

Take any line of text that you want to link to as an example. To work, you need the text-decoration: none parameter. If you add it to the page code in a specific place, the link underline disappears.

Find the following code, and after the letter "A" enter the above text style parameter.

A {

text-decoration: none

}

Step 2

By changing the code in this way, you removed the underlining of the link. Now, if you want to make the underline appear again only when you hover over a link with the cursor, and its color changes to, say, red on hover, add the following parameters to the code:

A: hover {

text-decoration: underline;

color: red

}

Here, as you can see, the underline parameter and the color parameter appeared again.

Step 3

Here, as you can see, the underline parameter and the color parameter appeared again.

Add the last third part to the parts of the code described above, it will be the final one, and in it you will directly enter the text of the link itself, on which you can check the resulting effect.

Link verification text

Recommended: