一. background-size属性
在 CSS3之前，背景图片的尺寸是由图片的实际尺寸决定的。
在 CSS3 中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。
可用以像素或百分比规定尺寸。如果以百分比规定尺寸，那么尺寸相对于父元素的宽度和高度。
几个特殊值：
contain：完全按照背景图片的原始宽高比来适应元素，会尽可能的扩大或缩小图片，如果元素的尺寸比较大，元素的其他部分会用背景色填充。注意背景图片不会被裁减，总是能够完整的显示。
cover：尽可能的让背景图片覆盖整个元素，即使图片被裁减也在所不惜。放大图片的时候，也会保持图片的宽高比。
二. background-origin属性
属性规定背景图片的定位区域。主要包括三个值：content-box、padding-box
或 border-box
padding-box背景图像相对于内边距框来定位。border-box背景图像相对于边框盒来定位。content-box背景图像相对于内容框来定位.
三. background-clip属性
属性规定背景的绘制区域.
他的值和backgound-origin的值是一样的
border-box, padding-box, content-box