该background属性可用于设置一个或多个与背景相关的属性：
| 值 | 描述 | CSS版本 |
|---|---|---|
| background-image | 使用的背景图片 | 1+ |
| background-color | 适用的背景色 | 1+ |
| background-position | 背景图片的位置 | 1+ |
| background-size | 背景图片的大小 | 3+ |
| background-repeat | 如何重复背景图片 | 1+ |
| background-origin | 背景如何定位（何时background-attachment被忽略fixed） | 3+ |
| background-clip | 怎样的背景是相对于涂content-box，border-box或padding-box | 3+ |
| background-attachment | 背景图像的行为，无论其随其包含的块一起滚动还是在视口中具有固定位置 | 1+ |
| initial | 将属性设置为默认值 | 3+ |
| inherit | 从父级继承属性值 | 2+ |
值的顺序无关紧要，每个值都是可选的
背景速记声明的语法为：
background: [<background-image>] [<background-color>] [<background-position>]/[<background-size>] [<background-repeat>] [<background-origin>] [<background-clip>] [<background-attachment>] [<initial|inherit>];
background: red;
只需background-color使用red值设置a 。
background: border-box red;
将a设置background-clip为边框，将a设置background-color为红色。
background: no-repeat center url("somepng.jpg");将a设置background-repeat为不重复，background-origin居中，将abackground-image设置为图像。
background: url('pattern.png') green;在这个例子中，background-color该元件的将被设置为green与pattern.png，如果它是可用的，覆盖在颜色，重复根据需要经常以填充元件。如果pattern.png包含任何透明度，则green颜色将在其后面可见。
background: #000000 url("picture.png") top left / 600px auto no-repeat;在此示例中，我们有一个黑色背景，顶部有一个图像“ picture.png”，该图像在任一轴上均不重复，并且位于左上角。的/位置之后是能够为包括在此情况下被设置为背景图像的尺寸600px宽度和经销商的高度。此示例可以与可以淡化为纯色的要素图像配合使用。
注意：使用速记背景属性会重置所有先前设置的背景属性值，即使未提供值也是如此。如果只希望修改先前设置的背景属性值，请改用longhand属性。