CSS3背景图像区域
background-clip 属性指定背景绘制区域
语法:
background-clip: border-box|padding-box|content-box;
其关键字是指将背景图片以border，padding，content的尺寸进行切割，其得到的结果是不完整的背景。而且有一点要注意，background-clip的切割是对这个容器背景的切割(包括图片与背景颜色)。
兼容性：
IE9+，FireFox，Chrome，Safari，Opera
CSS3背景图像定位
background-origin属性指定background-position属性应该是相对位置；即指定图像的起始位置
语法:
background-origin: border-box|padding-box|content-box;
其关键字是指将背景图片放置到border，padding，content范围内，其得到的结果是完整的背景(原理与图片的缩放相似)。与background-clip不同的是，它只是单纯设置背景图片的边界，并不会对背景颜色造成影响。
兼容性：
IE9+，FireFox4+，Chrome，Safari5+，Opera
CSS3背景图像大小
background-size属性指定背景图片大小
语法:
background-size:length|percentage|cover|contain
length和percentage分别以像素和百分比的形式设置图片的宽，高
cover 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。
contain 把图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
兼容性：
IE9+，FireFox4+，Chrome，Safari5+，Opera
CSS3多重背景图像
CSS3允许为元素使用多个背景
语法：
background-image: url(img1.jpg),url(img2.png);
CSS3 背景属性整合
背景属性整合可以在一个声明中设置所有的背景属性
语法：
background: color position size repeat origin clip attachment image;
color：指定填充背景的颜色； position： 指定元素背景图片的位置；size：指定元素背景图片的大小；repeat： 决定是否重复背景图片；origin：指定背景图片的起始绘制位置；clip：指定背景图片的绘制区域；attachment： 决定背景图是否随页面滚动，image： 引用图片作为背景。
属性的值的书写顺序官方并没有强制标准的。