background 是一种 CSS 简写属性，用于一次性集中定义各种背景属性，包括 color, image, origin 与 size, repeat 方式等等。
可以在一次声明中定义一个或多个属性：background-clip、background-color、background-image、background-origin、background-position、background-repeat、background-size和 background-attachment。
语法
/* 使用background-color */
background: green;
/* 使用 <bg-image> 和 <repeat-style> */
background: url("test.jpg") repeat-y;
/* 使用 <box> 和 <background-color> */
background: border-box red;
/* 将背景设为一张居中放大的图片 */
background: no-repeat center/80% url("../img/image.png");background 属性被指定多个背景层时，使用逗号分隔每个背景层。
每一层的语法如下：
- 在每一层中，下列的值可以出现 0 次或 1 次：
<attachment><bg-image><position><bg-size><repeat-style>
<bg-size>只能紧接着<position>出现，以"/"分割，如： "center/80%".<box>可能出现 0 次、1 次或 2 次。如果出现 1 次，它同时设定 background-origin 和 background-clip。如果出现 2 次，第一次的出现设置 background-origin，第二次的出现设置 background-clip。<background-color>只能被包含在最后一层。
注意: background-color 只能在background的最后一个属性上定义，因为整个元素只有一种背景颜色。
值
下面的一个或多个值，可以按任意顺序放置：
<attachment>：决定背景图像的位置是在视口内固定，或者随着包含它的区块滚动。<box>：包含background-origin和background-clip，background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框、内边距盒子、内容盒子下面。background-origin 规定了指定背景图片background-image 属性的原点位置的背景相对区域。<background-color>：设置元素的背景色, 属性的值为颜色值或关键字"transparent"二者选其一。<bg-image>：用于为一个元素设置一个或者多个背景图像。<position>：为每一个背景图片设置初始位置。这个位置是相对于由 background-origin 定义的位置图层的。background-repeat：定义背景图像的重复方式。背景图像可以沿着水平轴，垂直轴，两个轴重复，或者根本不重复。<bg-size>：设置背景图片大小。图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。