您现在的位置是：网站首页> 编程资料编程资料

CSS 样式 层裁剪图片_CSS教程_CSS_网页制作_

2021-09-09 649人已围观

简介 [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]


复制代码
代码如下:


hult


原图:

复制代码
代码如下:


hult

overflow: hidden //这个样式是说，如果图片宽，高都超过了div的高宽，超出的部分就隐藏
margin-top:-25px //把图片高度裁剪掉25px

上一篇：css 横排 实现代码_CSS教程_CSS_网页制作_

下一篇：CSS 像素图制作攻略_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网