How to Ununderline and display underline in css

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!