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 规定背景图像的尺寸。