Shulou(Shulou.com)06/03 Report--

This article mainly introduces "what are the methods of removing the hyperlink underline". In the daily operation, I believe that many people have doubts about the method of removing the hyperlink underline. The editor consulted all kinds of data and sorted out the simple and easy-to-use operation methods. I hope it will be helpful for everyone to answer the question of "what are the methods of removing the hyperlink underline?" Next, please follow the editor to study!

To remove the underlining of hyperlinks, you need to use the stylesheet CSS to control. If you do not want to understand the concept of CSS for the time being, here are three simple examples to illustrate how to control the underlining of hyperlinks. Open the source code of the web page with notepad (you can also open the web page with IE, and then click "View → Source Files" in the IE menu bar), and then pop up the notepad window.

Find these two sentences and add the stylesheet statement to them. As follows:

The code is as follows:

A {TEXT-DECORATION:none}

First, just add a {TEXT-DECORATION:none} between head and head

This sentence will remove the hyperlink underline, this is the simplest example, you will succeed if you try to do so.

Second, the above example only tells you how to remove the hyperlink underline at one time. What if some hyperlinks in your web page need to be underlined and some do not? First

First of all, you have to figure out that most of the hyperlinks in your web page are underlined or ununderlined?

If most hyperlinks are not underlined, you can join

A {TEXT-DECORATION:none}, and then use this method in a small number of hyperlinks that need to be underlined, and it has an underline:

Words.

If most hyperlinks are underlined, you don't have to add this sentence mentioned earlier. Change it to: .n {TEXT-DECORATION:none}

Note: there is a dot in front of n, which represents the class selector, and then can be referenced multiple times in the hyperlink of the web page, so that individual hyperlinks can be removed separately, for example:

The code is as follows:

Web page tree

CCTV

Free swimming net

Third, how to remove the underline from the hyperlink and underline it when the mouse hovers over it?

You can add a sentence between head and head: a {TEXT-DECORATION:none} a:hover {TEXT-DECORATION:underline}

Description: a means hyperlink, a:hover belongs to pseudo-class in the stylesheet, indicating the state of mouse hover.

Determine what kind of effect most hyperlinks on your page need. Give another example to illustrate:

The code is as follows:

A {TEXT-DECORATION:none} a.xh {TEXT-DECORATION:none}

A:hover.xh {TEXT-DECORATION:underline}, which is equivalent to

A,a.xh {TEXT-DECORATION:none} a:hover.xh {TEXT-DECORATION:underline}

After adding this sentence, the hyperlinks in the page are not underlined.

As you can see from the above, we use the CSS pseudo-class again, and its definition format is: selector. Class selector {attribute; attribute value}, such as previously mentioned

A.xh {TEXT-DECORATION:none} .

At this point, the study on "what are the ways to get rid of hyperlink underlining" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.