CSS里面no-repeat后面两个数字的意思

更新时间:2023-07-31 18:37:02 阅读: 评论:0

CSS⾥⾯no-repeat后⾯两个数字的意思
最近⼀直纠结CSS⾥⾯no-repeat后⾯两个数字的意思,百度上查了好多,发现每个⼈的理解都是不⼀样的,⽽且在不知道什么意思的情况下,看到不同⼈的解读,最后依然找不到正确的答案;
研究了很久,在此归纳:
以此为例:
女性安全
background:url(../images/l_r_btn.gif) no-repeat -8px 9px;
巴西队意思:【背景图】【不平铺】【背景图向左移动8像素】【背景图向下移动9像素】 蜂蜜泡大蒜>乌龟的壳
车牌补办详细解读:
天然气灶具十大名牌
假设该背景图⽚在div⾥⾯,设div标签的左上⾓为⼤原点(0,0),背景图⽚的左上⾓为⼩原点(0,0)(⼤原点、⼩原点不是专业术语,是我⽤来代表两个左上⾓取的名字),初始状态是⼤原点与⼩原点是重合状态,⼤原点作为参照物,⼩原点根据no-repeat后⾯两个数字移动位置:
第⼀个数字代表在⽔平⽅向移动(X轴):正数代表从原位置向右移动,负数代表从原位置向左移动;
曼谷包
第⼆个数字代表在垂直⽅向移动(Y轴):正数代表从原位置向下移动,负数代表从原位置向上移动;
卫护

本文发布于:2023-07-31 18:37:02,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1124984.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:原点   移动   位置   代表   意思   背景图   数字   解读
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图