背景- 简写属性

CSS background - 简写属性

如何将代码简化，缩短，我们可以使用"background":为元素背景进行书写

这样我们可以将所有背景属性合并到background属性中

以下实例

body {
  background-color: #ffffff;
  background-image: url("图片地址");
  background-repeat: no-repeat;
  background-position: right top;
}

可以简写为

body {background:#ffffff url('图片地址') no-repeat right top;}

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

background-color     颜色

background-image     图片

background-repeat     重复设置

background-attachment     背景附着

background-position      设置背景图像的开始位置。

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