背景简写
background 属性可用于设置一个或多个与背景相关的属性：
| 值 | 描述 | CSS Ver。 |
|---|---|---|
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 |
将属性设置为 value 为 default | 3+ |
inherit |
从父级继承属性值 | 2+ |
值的顺序无关紧要，每个值都是可选的
句法
背景速记声明的语法是：
background: [<background-image>] [<background-color>] [<background-position>]/[<background-size>] [<background-repeat>] [<background-origin>] [<background-clip>] [<background-attachment>] [<initial|inherit>];
例子
background: red;
只需使用 red 值设置 background-color 即可。
background: border-box red;
将 background-clip 设置为 border-box，将 background-color 设置为红色。
background: no-repeat center url("somepng.jpg");
将 background-repeat 设置为 no-repeat，将 background-origin 设置为 center，将 background-image 设置为图像。
background: url('pattern.png') green;
在这个例子中，元素的 background-color 将被设置为 green with pattern.png，如果可用的话，覆盖在颜色上，根据需要重复填充元素。如果 pattern.png 包含任何透明度，那么 green 颜色将在其后面可见。
background: #000000 url("picture.png") top left / 600px auto no-repeat;
在这个例子中，我们有一个黑色背景，顶部有一个图像’picture.png’，图像不会在任何一个轴上重复，而是位于左上角。位置后的/能够包括背景图像的大小，在这种情况下，背景图像的大小设置为 600px 宽度，自动高度为 auto。此示例可以与可以淡入纯色的特征图像很好地配合使用。
注意： 即使未给出值，使用速记背景属性也会重置所有先前设置的背景属性值。如果你只想修改先前设置的背景属性值，请改用 longhand 属性。