The method of changing the underline Color of css Hyperlink Anchor text A label

The main content of this article is to explain how to change the underlined color of CSH hyperlink anchor text A tag. Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn the "CSSS hyperlink anchor text A tag underlined color change method"!

Css a hyperlink underline setting equipment necessary color collection, mouse hover hyperlink calligraphy font current underline color tampering, font tone fluctuation

Underline style:

Text-decoration:underline

Underline text-decoration can set the equipment font underline format, but can not complete the font hue and underline hue difference. Here will monopolize the lower border border-bottom format to complete, the lower border may tamper with the thickness, can rotate the border color.

Instance DIV CSS code

CSS5.db a {text-decoration:none;border-bottom:1px solid # F00} .db a:hover {border-bottom:1px solid # F0F} reception meeting CSS5

Confession:

.db a {text-decoration:none;border-bottom:1px solid # F00}

Here remove the underline pattern for the hyperlink font in the class=db box, and configure the hyperlink font to be underlined by default and the color is red.

.db a:hover {border-bottom:1px solid # F0F}

Sets the font form of the hyperlink within the class=db object of the fixture, but when the mouse hovers, the color of the lower border rotates to purple.

Screenshot of the effect:

At this point, I believe that everyone on the "CSS hyperlink anchor text A tag underline color change method" have a deeper understanding, might as well to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!