css 背景background属性的简写我看不懂意思？

Posted 2023-03-13

比如：backgroung:url(....) repeat-y 0px 32px;
或 backgroung:url(....) repeat-y right -132px;
或 backgroung:url(....) repeat-y left top;
前面的意思我知道，就是后面坐标的意思不理解？？

0px 32px; 距离顶部0px 左边32px 相当于margin。
right右对齐。-132px表述距离顶部-132px，也就是顶部132px的背景是在body之外的。
left top就是左对齐 顶头对其了 参考技术A 上面那三行都是综合简写方式 :background:URL(图片地址) 重复方式 坐标位置 background-repeat:repeat-y; /*垂直方向重复*/
background-repeat:repeat-x; /*水平方向重复*/
background-repeat:no-repeat;/*不重复*/ 参考技术B 上学的时候数学上有一课时是坐标 也就是 xy轴，把背景图片放到fw就应该能明白了 参考技术C background:url(....) repeat-y 0px 32px;其中：url(....) 图片链接地址 背景图片向右移动0像素 向下移动32像素
repeat-y 水平方向平铺0px 32px 背景图片位置向右移动0像素 向下移动32像素
background:url(....) repeat-x left top;其中：repeat-x 背景图片横向平铺left top 背景图片 左 上 角 对其