CSS 背景速记
CSS background - 简写属性
为了缩短代码，也可以将所有背景属性指定在一个单独的属性中。这被称为简写属性。
不必编写
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-colorbackground-imagebackground-repeatbackground-attachmentbackground-position
如果缺少其中一个属性值，只要其他属性值按此顺序排列，就没有关系。请注意，在上面的示例中，我们没有使用 background-attachment 属性，因为它没有值。
所有 CSS 背景属性
| 属性 | 描述 |
|---|---|
| background | 在一个声明中设置所有背景属性 |
| background-attachment | 设置背景图像是固定还是随页面其余部分滚动 |
| background-clip | 指定背景的绘制区域 |
| background-color | 设置元素的背景颜色 |
| background-image | 设置元素的背景图像 |
| background-origin | 指定背景图像的位置 |
| background-position | 设置背景图像的起始位置 |
| background-repeat | 设置背景图像的重复方式 |
| background-size | 指定背景图像的大小 |
视频：CSS 背景速记
