CSS 样式 层裁剪图片


也想出现在这里?联系我们
复制代码代码如下:


复制代码代码如下:
<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

特别声明:以上内容(如有图片或视频亦包括在内)为本平台用户上传并发布,本平台仅提供信息存储服务。

开通vip