致力于打造中国站长娱乐学习的免费资源站!官方合作QQ:283852481

广

您当前的位置:首页 > 教程 > 网页设计 > CSS教程

招租联系QQ:283852481

CSS 样式 层裁剪图片

时间:2016-11-23  来源:互联网  


代码如下:

<div style="width: 800px; height: 100px; overflow: hidden;">
<img style="margin-top:-25px;" src="http://www.bjxxd.com/school/images/hult.jpg" alt="" />
</div>

原图:

代码如下:

<div style="width: 800px; height: 100px;">
<img src="http://www.bjxxd.com/school/images/hult.jpg" alt="" />
</div>
overflow: hidden //这个样式是说,如果图片宽,高都超过了div的高宽,超出的部分就隐藏
margin-top:-25px //把图片高度裁剪掉25px

精彩广告