展会信息港展会大全

css 控制img图片的大小样式
来源:互联网   发布日期:2016-03-25 16:19:56   浏览:2262次  

导读:很多做网站的朋友都会用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.net 中国WEB第一站

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港