CSS 样式 层裁剪图片
网站建设 2021-07-03 08:42www.dzhlxh.cn网站建设
复制代码
代码如下:<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
上一篇：CSS 像素图制作攻略
下一篇：css 横排 实现代码