网页制作 
首页 > 网页制作 > 浏览文章

CSS 样式 层裁剪图片

(编辑:jimmy 日期: 2024/12/27 浏览:3 次 )

复制代码代码如下:
<div style="width: 800px; height: 100px; overflow: hidden;">
<img style="margin-top:-25px;" src="/UploadFiles/2021-03-30/hult.jpg"></div>

原图:

复制代码代码如下:
<div style="width: 800px; height: 100px;">
<img src="/UploadFiles/2021-03-30/hult.jpg"></div>
overflow: hidden //这个样式是说,如果图片宽,高都超过了div的高宽,超出的部分就隐藏
margin-top:-25px //把图片高度裁剪掉25px
上一篇:CSS 像素图制作攻略
下一篇:css 横排 实现代码