CSS切割图片只取图片中一部分
来源:互联网 发布:日语网络用语 ggk 编辑:程序博客网 时间:2024/06/05 15:00
转载自 脚本之家 http://www.jb51.net/css/150036.html
方法一:(已验证)
background: url(123.jpg) no-repeat -140px -20px; (位置可以自定义)
方法二:(待试)
用img的clip属性中的rect,clip:rect(y1 y1 x2 x1)参数说明如下:
y1=定位的y坐标(垂直方向)的起点
x1=定位的x坐标(水平方向)的起点
y2=定位的y坐标(垂直方向)的终点
x2=定位的x坐标(水平方向)的终点
注:坐标的起点是在左上角
img{
position:absolute;
clip:rect(20px 100px 50px 20px);
}
0 0
- CSS切割图片只取图片中一部分
- 两种方法实现用CSS切割图片只取图片中一部分
- 用css设置只显示图片的一部分
- img图片只显示一部分
- css图片切割
- Visio图片插入到word中只显示一部分
- android只绘制一部分图片的解决方法
- iOS 获取图片中一部分
- 切取图片上的一部分小图片
- 如何解决Word中粘贴图片时只显示一部分的问题?
- ThinkPHP中图片按比例切割
- 切割图片
- 切割图片
- 图片切割
- 图片切割
- 切割图片
- WORD 插入图片,只显示一部分的解决办法
- WORD插入图片显示不正常 只显示底部一部分
- DeepLink(浏览器点击链接跳转到app)
- centos7 安装mplayer遇到的问题
- RMAN基础知识补充
- 51Nod-1455-宝石猎人
- Spring的IOC
- CSS切割图片只取图片中一部分
- 1106. Lowest Price in Supply Chain
- 使用SwipeRefreshLayout自动刷新页面
- Android总结篇系列:Activity启动模式(lauchMode)
- ViewPager与radiogroup组成轮播和下面的圆点
- 基于Konva.js的canvas动画
- 新篇章
- Android Studio 2.2 正式起航
- Java面试基础部分(1)