您现在的位置是：网站首页> 编程资料编程资料
CSS 样式 层裁剪图片_CSS教程_CSS_网页制作_
2021-09-09
634人已围观
简介 [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]
复制代码
代码如下:原图:
复制代码
代码如下:
overflow: hidden //这个样式是说，如果图片宽，高都超过了div的高宽，超出的部分就隐藏
margin-top:-25px //把图片高度裁剪掉25px
相关内容
- css 横排 实现代码_CSS教程_CSS_网页制作_
- css 背景透明 实现代码_CSS教程_CSS_网页制作_
- 针对firefox ie6 ie7 ie8的css样式hack_浏览器兼容教程_CSS_网页制作_
- 一个非常精典的纯CSS漫画,登峰造极._CSS教程_CSS_网页制作_
- 关于css @import url（）总结_CSS教程_CSS_网页制作_
- CSS 各种滤镜代码解释 用法案例_CSS教程_CSS_网页制作_
- css 控制图片大小 小于固定值 控制大小_CSS教程_CSS_网页制作_
- DIV+CSS 网页布局心得_CSS布局实例_CSS_网页制作_
- CSS 网页内容换行控制_CSS教程_CSS_网页制作_
- 应用IE6所不支持的CSS的type选择器_CSS教程_CSS_网页制作_
