摘要 腾兴网为您分享:css 控制img图片的大小样式，掌上财富，优品多多，问作业，淘客联盟等软件知识，以及手机游戏开挂神器，au补丁，局域网监测，苹果录屏专家，重复文件删除，易通教育，章鱼输入法,爱飒漫画，故事盒，最潮的app贴纸软件，oppor7t刷机包，520活动策划，微信余额截图生成器，i9300的root软件，mindjetmindmanager等软件it资讯，欢迎关注腾兴网。很多做网站的朋友都会用width,height加在img标签里面直接来控制图片的大小,这样无疑增加了文件的大小了,并还不能达到比较满意的效果,今天我们来看看我用css来间接的控制图片的大小吧...

很多做网站的朋友都会用width,height加在img标签里面直接来控制图片的大小,这样无疑增加了文件的大小了,并还不能达到比较满意的效果,今天我们来看看我用css来间接的控制图片的大小吧.下面我们先来看个实例.代码如下复制代码

< ul>

我们只要按上面这样就写行了,下面我们来用css进行制作吧.代码如下复制代码

ul li img {

width:80px;

height:80px;

border:1px solid #ccc;

}

ul li a:hover img {

border-color:#333;

}

加上这段代码后当你指上图片时,它会有一个边框,移去时就会消失,哈哈这种效果不错吧,好了就讲到这里了,

最后申明一下:本站原创文章转载请注明来处: www.111cn.net 中国WEB第一站

相关推荐