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轴):正数代表从原位置向下移动,负数代表从原位置向上移动;
卫护