Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

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

2025-01-19 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

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!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report