这里可能不适用于css sprite,因为有repeat-y,而css sprite通常用于提取大图中的一个小图。第三个参数是left top,表示左对齐,即距左边界为0px,顶端对齐,即距上边界为0px。这是默认值,可以省略不写,或直接写成0 0。还有一些常见的背景简写形式,例如:background:url(...) repeat-y right ...
css 背景background属性的简写我看不懂意思?
背景的总简写规则是:background:transparent none repeat scroll 0% 0%。这里的第一个参数是0 32px,表示距左0px,距上32px。第二个参数是right -132px,表示右对齐,即距离右边界0px,距上为负132px,即把背景提出内容区。这里可能不适用于css sprite,因为有repeat-y,而css sprite通常用于提取大图中的一个小图。
第三个参数是left top,表示左对齐,即距左边界为0px,顶端对齐,即距上边界为0px。这是默认值,可以省略不写,或直接写成0 0。
还有一些常见的背景简写形式,例如:
background:url(...) repeat-y right top;表示背景图像重复沿y轴,右对齐,顶端对齐。
background:url(...) repeat-y left bottom;表示背景图像重复沿y轴,左对齐,底端对齐。
background:url(...) repeat-y right bottom;表示背景图像重复沿y轴,右对齐,底端对齐。
background:url(...) repeat-y center;表示背景图像重复沿y轴,居中对齐。
background:url(...) repeat-y center top;表示背景图像重复沿y轴,居中对齐,顶端对齐。
background:url(...) repeat-y center bottom;表示背景图像重复沿y轴,居中对齐,底端对齐。
自己多尝试一下,就能理解这些简写形式的具体含义了。2024-11-29