CSS implements an Li icon list menu with small images

This article mainly introduces the CSS implementation with small images of the Li icon List menu, can realize the normal display of CSS icons and slide over, click to render different colors of the function, involving CSS for visited, hover and active and other use of skills, the need for friends can refer to the next

The example in this article describes a CSS implementation with a small image of the Li icon list menu. Share to everyone for your reference. Specific as follows:

This is a small image with the Li list menu, vertical icon menu, the mouse will change color, the response to the mouse is in line with the user experience, and compatibility Good, code concise, suitable for learning and use, CSS beginners a good example.

The results are as follows:

The specific code is as follows:

Copy Code

The code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Related recommendations:

CSS3 making rounded pictures and oval images

Using pure CSS to implement dynamic text effect instances