背景图片的设置

大小设置

• background-size:auto;
• background-size:10px;
• background-size:100%;
• background-size:cover;
• background-size:contain;

属性说明：
1、auto:默认值，不改变原始图片的大小。
2、px：两个值分别问宽、高，只设一个值时将进行等比缩放。
3、百分比:一般设两个值，一个值时就是正方形。
4、cover：覆盖， 用背景图等比例缩放填满整个容器。
5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

背景颜色

background-color:  transperent  |  color;（默认值transperent是透明色）

背景图片地址

background-image： none | url（）； 

背景平铺

background-repeat：repeat | no-repeat | repeat-x | repeat-y;

背景图片位置

background-position：x  y ；

• x  y  可以取（百分数 | px |  top | bottom | right | left | center）
• background-position：center  left；（一个小盒子左边是小图片右边有文字可以这么设置）
• background-position：center top ；（网页上面的大背景图片可以这么设置）
• 如果只有一个数值x, 另一个默认垂直居中；

背景图片固定  

把图片固定在网页上，用来做视差滚动

• background - attachment： scroll(动) | fixed(固定)；

背景图片复合写法 

没有顺序、个数要求

• background - 颜色 | 地址 | 平铺 | 滚动 | 位置； 

背景透明

• background - color: rgba(0,0,0,0.3); 
• a是透明度取值 [0,1]