1、background-attachment： scroll/fixed;
scroll:背景图片随着浏览器滚动一起滚动
fixed：背景图片固定不动
2、background-origin:padding/border/content;
border-box:背景从border边沿开始；
padding-box:背景元素从padding边沿开始；
content-box：背景从content边沿开始。
3、background-clip: border/padding/content;
border-box:背景图像从border区域往外裁剪（默认值）；
padding-box：背景图像从padding区域往外裁剪；
content-box：背景图像从content区域往外裁剪；
4、background-size:auto/percentage/cover/contain
auto:背景图片不发生任何变化
percentage：当元素有padding的时候要记得加上padding值在进行计算
cover：整个图片铺满容器
contain：保持图片的比例，图片放大，直到有一边抵达元素边边；