CSS 样式 层裁剪图片

当前位置 : 首页 > 网页制作 > CSS > CSS 样式 层裁剪图片

CSS 样式 层裁剪图片

来源: 作者: 时间:2015-12-07 14:04
[code]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[/code] 原图: [code]
[code] <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> [/code] 原图: [code]

复制代码
代码如下:

<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
Tag:
网友评论

<