背景速记属性分配?

时间:2017-10-22 03:59:39

标签: html css html5 css3

中的2个零点是什么?
background: 0 0 

的意思。使用速记属性时,属性值的顺序为:

background-color
background-image
background-repeat
background-attachment
background-position

background-image可以有0值吗?

3 个答案:

答案 0 :(得分:2)

CSS:     background: 0 0; 将背景图像设置为位置0px 0px,前提是在background: 0 0之后定义背景图像。 例如:

background: 0 0;
background-image: url(image/bg.jpg);

答案 1 :(得分:0)

CSS background简写属性可让您一次调整所有可用的背景样式选项,包括colorimageoriginsizerepeat方法和其他功能。后台可用于设置以下一项或多项的值:background-clip background-color background-image background-origin background-position background-repeat background-sizebackground-attachment

用于背景图像定位示例的简写0 0属性:

/* <length> values */
background-position: 0 0;

表示背景图像位于元素的top-left角落

此外此属性

background-color: #000;
background-image: url(images/bg.gif);
background-repeat: no-repeat;
background-position: left top;

用速记就是这样......

background: #000 url(images/bg.gif) no-repeat left top;

答案 2 :(得分:0)

是的,默认情况下您可以background: 0 0;。这意味着将背景图像的X和Y位置设置为从0,0坐标开始,这也意味着默认位置。

如果单独使用background: 0 0;而未提供实际的背景图像,则根本不会提供任何不同。

以下是设置为

的背景图像位置示例
background: -10px 20px;

background image position