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

This article will explain in detail how to remove the underline of hyperlinks in HTML. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

For example, when the hyperlink is not clicked, the hyperlink text is ununderlined and displayed in blue; when the mouse passes over the link, the link text is displayed in red; when the link is clicked, the link is ununderlined and displayed in green. The implementation is simple by adding the following CSS code between and:

A:link {text-decoration:none;color:blue}

A:active {text-decoration:blink}

A:hover {text-decoration:underline;color:red}

A:visited {text-decoration:none;color:green}

Where:

A:link refers to normal unaccessed links

A:active refers to the link that is on the dot

A:hover refers to the mouse over the link

A:visited refers to links that have been visited

Text-decoration means textual embellishment.

The none parameter indicates that the hyperlink text is not underlined.

The underline parameter indicates that the hyperlinked text is underlined

The effect of the mouse over:

Underscore .jpg

How to remove the underline of a hyperlink

We only need to use a {text-decoration:none;} to set the hyperlink tags to remove underscores by default. The code is as follows:

A {text-decoration:none;color:red;}

Life is not only the present, but also the poetry and the distant fields.

This is the end of this article on "how to remove the underline of hyperlinks in HTML". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

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.