How to style links in different ways in css

This article mainly introduces how to use different methods to style links in css. It is very detailed and has certain reference value. Friends who are interested must finish reading it.

Set the design and color of the equipment link

Or there are a variety of CSS properties for setting link styles (such as color, font-family, bac kg round, etc.).

The particularity of links is that they may be set up according to their state.

The four shapes of the link:

A:link-normal, unmet links

A:visited-links that the user has visited

A:hover-the mouse pointer is over the link

A:active-when the link is clicked

Instance a:link {color:#FF0000;} / * unvisited links * / a:visited {color:#00FF00;} / * met links * / a:hover {color:#FF00FF;} / * move the mouse pointer over the links * / a:active {color:#0000FF;} / * links being clicked * /

Try it for yourself

When styling the differential shapes of links, follow 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 style links in different ways in css". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!