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

This article mainly introduces how to cancel the underline and show the underline of css, which has certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let Xiaobian take you to understand it together.

a label underline and strike underline style text-decoration configuration

The following describes DIV CSS organization time, default A hyperlink anchor text underline several cases compatible with the reader settings equipment.

1. Cancel the default underline of A

Set CSS at the top of your CSS code as follows:

a{text-decoration:none}

How can you set the default hyperlink label A font regardless of the default mouse hover hyperlink font does not flash underline.

2, compatible with the major dabblers acquiesced A hyperlink full display underline

By default, however, the mouse is still used to indicate underlined CSS code by hovering a link form:

a{ text-decoration:underline}

3. A acquiesces to underline, mouse hovering through underline loss

Default Hyperlink font text reveals the performance of the downline, the mouse through the underline hidden CSS code:

a{ text-decoration:underline}a:hover{ text-decoration:none}

4. A does not show underline by default, mouse hover shows underline

a{ text-decoration:none}a:hover{ text-decoration:underline}

These are the default configuration of several hyperlinks a marked body underlined and not shown several cases.

A text-decoration reduction application:

.abc a{ text-decoration:none}.abc a:hover{ text-decoration:underline}

CSS code here, specify the default font of a hyperlink in the class=abc box does not indicate underline, when the mouse hovers, underline is displayed, whether the anchor text font of the hyperlink in the non-class =abc box on the web page can be displayed is not affected.

Thank you for reading this article carefully. I hope that Xiaobian will share the article "How to cancel underlining and display underlining in css". This article is helpful to everyone. At the same time, I hope that everyone will support it a lot. Pay attention to the industry information channel. More relevant knowledge is waiting for you to learn!

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.