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

This article mainly shows you "how to use CSS to set link style", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "how to use CSS to set link style" this article.

There are many CSS properties that can set link styles (for example, color,font-family,background, etc.).

The particularity of links is that they can be styled according to the state they are in.

The four states of the link:

ALink-ordinary, unaccessed links

AVR visible-the link that the user has visited

A hover-the mouse pointer is over the link

The moment when the link is clicked

Case study

A:link {color:#FF0000;} / * unaccessed links * /

A:visited {color:#00FF00;} / * visited links * /

A:hover {color:#FF00FF;} / * move the mouse pointer over the link * /

A:active {color:#0000FF;} / * Link being clicked * /

This is a link.

Note: in order for the definition to take effect, a:hover must be after a:link and a:visited!

Note: in order for the definition to take effect, a:active must be located after a:hover!

When styling different states of a link, follow the rules in the following order:

A:hover must be after a:link and a:visited

A:active must be after a:hover

The above is all the content of the article "how to use CSS to style links". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.