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

This article introduces the relevant knowledge of "how to layout hyperlink text mouse hover in css". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

First, configure the four forms of acquiescence in the color of site-wide hyperlink fonts.

1. Css code

A:link {color:#00F} / * default hyperlink font color blue * / a:hover {color:#F00} / * Mouse hover hyperlink font color blood * / a:active {color:#060} / * hyperlink font color green when mouse click is not merged * / a:visited {color:#CCC} / * met hyperlink font hue gray * /

2. Clarify

Just put the CSS code on top to complete the hue shape of the hyperlink to this page. At this time, it is not possible to set up equipment a {color#XXXXXX} to avoid hyperlink visits and unvisited hyperlink fonts.

3. It is easy to configure the hyperlink pen and ink tone shape by default.

Css5.com.cna:link {color:#00F} / * default hyperlink font hue blue * / a:hover {color:#F00} / * Mouse hover hyperlink font color red * / a:active {color:#060} / * hyperlink font color green when unseparated by mouse click * / a:visited {color:#CCC} / * visited hyperlink font color grayish black * /

Never met or met.

Once met with CSS5.

I haven't met 126.com.

Have not visited 5173.com

Have visited 917118.com

Some of the above link examples have been visited before, and some have not been interviewed.

Hyperlink calligraphy font color four states css structure effect screenshot

Second, specify the hyperlinks in the object box, different shapes, font color settings, equipment and equipment.

On the whole site or the entire html page set four hyperlink shapes are very few, part of the object hyperlink pen and ink setting equipment has not visited the font color, mouse hover font color, once visited the font color three kinds of shape is also more practical, especially at this time of self-media, css dynamic and static flow structure to accept this kind of hyperlink shape configuration is more practical.

1. Broken instance code

Specify the hyperlink within the box object mouse hover has not met the font color instance css5.com.cna {color:#000} / * default site-wide hyperlink font is black * / a:hover {color:#F00} / * default site-wide hyperlink font color is red * / .CSS5-box a:link {color:#00F} / * default hyperlink word Body color blue * / .CSS5-box a:hover {color:#F00} / * Mouse hover hyperlink font color blood * / .CSS5-box a:visited {color:#CCC} / * visited hyperlink font color grayish black * /

Welcome to meet CSS5 and learn CSS skills!

Never met.

Have already visited CSS5

Never met with 126.com.

Have not visited 5173.com

Have already met with 917118.com.

Here, we first set the default hyperlink font color collection of the whole site, and the font color mining when hovering over the mouse, and then set three font color mining forms for the hyperlinks in the "class=CSS5-box" object box.

The differences are as follows:

. CSS5-box a:link {color:#00F} / * default hyperlink font color blue * / .CSS5-box a:hover {color:#F00} / * mouse over hyperlink font color red * / .CSS5-box a:visited {color:#CCC} / * met hyperlink font color grayish black * /

2. Screenshot of attainments

This is the end of the introduction to "how to layout the hyperlink text mouse over in css". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.