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区域有背景图像