Css controls the size and style of img images

Many websites' friends use width and height to directly control the image size in the img label, which undoubtedly increases the file size and cannot achieve satisfactory results, today, let's take a look at how I use css to indirectly control the image size. next let's take a look at an instance.

The code is as follows:	Copy code
<Ul> <Li> </li> </Ul>

We just need to write the line as above. Let's make it with css.

The code is as follows:	Copy code
Ul li img { Width: 80px; Height: 80px; Border: 1px solid # ccc; } Ul li a: hover img { Border-color: #333; }

After this code is added, when you refer to the image, it will have a border, and it will disappear when you move it. Haha, this is a good effect. Now let's talk about it,

Finally, I would like to declare that the original article on this site is Reprinted. Please indicate the origin site: www.111cn.net China WEB first stop