CSS 背景简写
CSS background - 简写属性
如需缩短代码,也可以在一个属性中指定所有背景属性。它被称为简写属性。
而不是这样写:
body { background-color: #ffffff; background-image: url("tree.png"); background-repeat: no-repeat; background-position: right top; }
您能够使用简写属性 background
:
实例
使用简写属性在一条声明中设置背景属性:
body { background: #ffffff url("tree.png") no-repeat right top; }
在使用简写属性时,属性值的顺序为:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
属性值之一缺失并不要紧,只要按照此顺序设置其他值即可。请注意,在上面的例子中,我们没有使用 background-attachment 属性,因为它没有值。
mifano ya mifumo ya kufaa cha CSS
mifano | kuonyesha |
---|---|
background | kufaa cha kusha kwa kawaida kwa ukweli wa mifumo yote ya kufaa |
background-attachment | kufaa cha upeanishwa wa picha ya kufaa kina kufaa kina au kina kwa kipindi cha jinga |
background-clip | kufaa cha upeanishwa wa mlango wa kufaa |
background-color | kufaa cha rangi ya mifumo |
background-image | kufaa cha upeanishwa wa mifumo |
background-origin | kufaa cha kwa upeanishwa ya picha ya mlango |
background-position | 设置背景图像的开始位置。 |
background-repeat | 设置背景图像是否及如何重复。 |
background-size | 规定背景图像的尺寸。 |