图解CSS3----background

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：保持图片的比例，图片放大，直到有一边抵达元素边边；