css 背景background属性的简写我看不懂意思?
比如:backgroung:url(....)repeat-y0px32px;或backgroung:url(....)repeat-yright-132px;或back...
比如:backgroung:url(....) repeat-y 0px 32px;
或 backgroung:url(....) repeat-y right -132px;
或 backgroung:url(....) repeat-y left top;
前面的意思我知道,就是后面坐标的意思不理解?? 展开
或 backgroung:url(....) repeat-y right -132px;
或 backgroung:url(....) repeat-y left top;
前面的意思我知道,就是后面坐标的意思不理解?? 展开
1个回答
展开全部
背景的总简写规则:
background:transparent none repeat scroll 0% 0%
第一个是:0 32px
距左:0px
距上:32px
第二个:right -132px
right 右对齐,即距离右边界为:0px
-132px 距上为 负132px,即把背景提出内容区(多用于css sprite ,提取大图中的一个小图,但按你上面的例有个repeat-y 我想这里不知道可用css sprite了)
第三个:
left 左对齐,即距左边界为:0px
top 顶端对齐,即距上边界为:0px
第三个为默认值,可省略不写,或直接写成:0 0;
------------
还有:
backgroung:url(....) repeat-y right top;
backgroung:url(....) repeat-y left bottom;
backgroung:url(....) repeat-y right bottom;
backgroung:url(....) repeat-y center;
backgroung:url(....) repeat-y center top;
backgroung:url(....) repeat-y center bottom;
等……
自己多试试就知道了。
background:transparent none repeat scroll 0% 0%
第一个是:0 32px
距左:0px
距上:32px
第二个:right -132px
right 右对齐,即距离右边界为:0px
-132px 距上为 负132px,即把背景提出内容区(多用于css sprite ,提取大图中的一个小图,但按你上面的例有个repeat-y 我想这里不知道可用css sprite了)
第三个:
left 左对齐,即距左边界为:0px
top 顶端对齐,即距上边界为:0px
第三个为默认值,可省略不写,或直接写成:0 0;
------------
还有:
backgroung:url(....) repeat-y right top;
backgroung:url(....) repeat-y left bottom;
backgroung:url(....) repeat-y right bottom;
backgroung:url(....) repeat-y center;
backgroung:url(....) repeat-y center top;
backgroung:url(....) repeat-y center bottom;
等……
自己多试试就知道了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询