css 控制img图片的大小样式
很多做网站的朋友都会用width,height加在img标签里面直接来控制图片的大小,这样无疑增加了文件的大小了,并还不能达到比较满意的效果,今天我们来看看我用css来间接的控制图片的大小吧
很多做网站的朋友都会用width,height加在img标签里面直接来控制图片的大小,这样无疑增加了文件的大小了,并还不能达到比较满意的效果,今天我们来看看我用css来间接的控制图片的大小吧.下面我们先来看个实例.
< ul>
<li><img src='' ></li>
</ul>
我们只要按上面这样就写行了,下面我们来用css进行制作吧.
ul li img {
width:80px;
height:80px;
border:1px solid #ccc;
}
ul li a:hover img {
border-color:#333;
}
加上这段代码后当你指上图片时,它会有一个边框,移去时就会消失,哈哈这种效果不错吧,好了就讲到这里了,
最后申明一下:本站原创文章转载请注明来处: www.111cn.cn 中国WEB第一站
- 上一篇：提高css+div布局的可读性
- 下一篇：如何应用CSS控制网页背景？
精彩图集
精彩文章