CSS 简写背景

CSS 简写背景

如需缩短代码，也可以在一个属性中指定所有背景属性。它被称为简写属性。

而不是这样写:

body {
  background-color: #ffffff;
  background-image:   url("img_tree.png");
  background-repeat: no-repeat;
    background-position: right top;
}

您能够使用简写属性 background:

body {
  background: #ffffff url("img_tree.png") no-repeat right top;
}

在使用简写属性时，属性值的顺序为:

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

属性值之一缺失并不要紧，只要按照此顺序设置其他值即可。请注意，在上面的例子中，我们没有使用 background-attachment 属性，因为它没有值。

所有 CSS 背景属性