CSS3 background-image

1，background-image

可以添加多个图片，不同的背景图像之间用逗号分隔开，其中显示在最顶层的是第一张图片

对应的附加属性，比如说background-size，background-repeat按照顺序对应不同的背景图像，值用逗号隔开

2，background-size

指定了背景图像的大小，CSS3以前背景图像的大小由背景图像的实际大小决定，

background-size可以填像素或者百分比，指定的大小是相对父元素的宽度和高度的百分比大小

3，background-origin

指定了背景图像的位置区域

可填值：border-box | padding-box | content-box

（注：其实将元素的content的height设置为0px，然后再加一个padding，背景图片就会跑到padding-box里面）

4，background-clip

指定了背景图像开始绘制的位置

可填值：border-box（默认值） | padding-box | content-box

border-box说明从border开始就绘制背景图像

padding-box说明从padding开始就绘制背景图像

content-box说明只有content区域有背景图像