background-color: 设置背景颜色。
background-image: 设置背景图像源文件。
background-repeat: 设置背景图像的重复性，可用值：repeat, no-repeat, repeat-x, repeat-y。
background-position: 设置背景图片起始位置或定位位置。
background: 上述几个属性的综合属性。
有关盒子的背景设置，在CSS3中，又增加了几个属性，如下所示：
- background-attachment：
设置背景图像的滚动特性，可用值有：
scroll： 相对于当前盒子固定（盒子滚动，则背景图也会滚动），这是默认值。
local： 相对于当前盒子的内容固定（内容滚动，则背景图也会滚动）。
fixed： 相对于当前浏览器窗体固定（类似固定定位，即它会始终在窗口的某个位置）。
- background-origin:
设置背景图像的参考原点（位置），实际就是背景出现的范围。可用值有：
border-box： 在boder区域范围内（含border）。
padding-box：在padding区域范围内（含padding），这是默认值。
content-box： 在内容区域范围内。
此属性主要是跟background-position的位置计算有关。
- background-clip:
设置背景图像向外裁剪的区域，裁剪范围以外就被裁剪了(不显示)。可用值有：
border-box： 从border区域外沿（即不含border）开始向外裁剪背景，这是默认值。
padding-box：从padding区域外沿（即不含padding）开始向外裁剪背景。
content-box： 从content区域外沿开始向外裁剪背景。
- background-size: 值1 [, 值2]
设置背景图像的大小，可设置2个值，分别表示横向和纵向的大小。可用值有：
长度： 用长度值指定背景图像大小。不允许负值。
百分比： 用百分比指定背景图像的缩放大小。不允许负值。
auto： 背景图像的真实大小。
cover： 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
contain： 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像不超出容器。
- 背景重复性的值在C3中多两个可用的值：round，space
- 多背景：一个盒子可设置多个背景图，其形式为：
background：第一个背景图设置，第二个背景图设置，... [，背景颜色]；
比如：
background:
背景原 背景位置[/背景大小] 背景重复性 背景滚动性 .... ，
背景原 背景位置[/背景大小] 背景重复性 背景滚动性 .... ，
......
背景颜色；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" media="screen">
div{
height: 500px;
background-image: url(http://image2.sina.com.cn/lx/beauty1/p/2006/0903/U1275P8T1D290136F915DT20060903232537.jpg);
border: 10px dotted gray;
background-repeat: no-repeat;
padding: 25px;
/* 设置背景图像的滚动特性，可用值有：
scroll： 相对于当前盒子固定（盒子滚动，则背景图也会滚动），这是默认值。
local： 相对于当前盒子的内容固定（内容滚动，则背景图也会滚动）。
fixed： 相对于当前浏览器窗体固定（类似固定定位，即它会始终在窗口的某个位置）。
*/
background-attachment: fixed;
/* 从border开始设置背景 */
/* background-origin: border-box; */
/* 从padding开始设置背景 */
background-origin: padding-box;
/* 从内容开始设置背景*/
/* background-origin: content-box; */
/* 从border区域外沿（即不含border）开始向外裁剪背景，这是默认值。 */
/* background-clip: border-box; */
/* 从padding区域外沿（即不含padding）开始向外裁剪背景。 */
/* background-clip: padding-box; */
/* 从content内容区域外沿开始向外裁剪背景。 */
/* background-clip: content-box; */
/* 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。 */
background-size: cover;
/* 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像不超出容器。 */
background-size: contain;
}
</style>
</head>
<body>
<div>
内容
</div>
</body>
</html>