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

This article mainly introduces "css how to make mouse hover discoloration". In daily operation, I believe many people have doubts about how css makes mouse hover discoloration. Xiaobian consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "css how to make mouse hover discoloration". Next, please follow the editor to study!

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Css's method of changing color by hovering over the mouse:

1. Open the html development tool and create a html file, as shown in the figure:

2. Find the tag on the html page, enter the content in the tag, and then overwrite the content with the tag. As shown in the figure:

3. Change the content of the tag to blue, as shown in the figure:

4. Set the style in which the font becomes red when the mouse is over the label: a:hover {color:red}. As shown in the figure:

5. Save the html file and open it using a browser. The first thing you see is the blue font. If you place the mouse over the text, you will find that the blue font changes to a red font.

6. All the code implemented. You can see the effect by copying the code directly to the html file:

Mouse over font discoloration a {color:blue;} a:hover {color: red;} put the mouse on me

Note: the hover selector must be used to change the style when hovering the mouse

The hover selector is used to select the element over which the mouse pointer floats. The hover selector is available for all elements, not just links. In the CSS definition, hover must come after link and visited (if any) for the style to take effect.

At this point, on the "css how to make the mouse hover color change" on the end of the study, I hope to be able to solve everyone's doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.