您的位置：首页 > Web前端 > CSS

CSS 样式 层裁剪图片

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

原图: 

<div style="width: 800px; height: 100px;"> 
<img src="http://www.bjxxd.com/school/images/hult.jpg" alt="hult" /> 
</div> 
overflow: hidden //这个样式是说，如果图片宽，高都超过了div的高宽，超出的部分就隐藏 
margin-top:-25px //把图片高度裁剪掉25px
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航