image.png背景图片设置
    1.背景平铺

    1. background-repeat|norepeat|repeat-x|repeat-y
    参数值 作用
    repeat 背景图像在纵向和横向上平铺（默认的）
    no-repeat 背景图像不平铺
    repeat-x 背景图像在横向（x轴）上平铺
    repeat-y 背景图像在纵向（y轴）上平铺


    2.背景图片位置**
    利用background-position可以改变图片在背景中的位置。

    background-position: x y;

    参数代表的意思：x 坐标和y 坐标。可以使用方位名词或者精确单位

    参数值 说明
    length 百分数 | 由浮点数字和单位标识符组成的长度值
    position top | center | button | left | center | right 方位名词

    1.参数是方位名词

    • 如果指定的两个值都是方位名词，则两个值前后顺序无关，比如 left top 和 top left 效果一样
    • 如果指定了一个方位名词，另一个省略，则第二个值默认居中对齐

    2.参数是精确单位

    • 如果参数是精确坐标，那么第一个肯定是x 坐标，第二个一定是y 坐标

    3.参数是混合单位

    • 如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x 轴坐标，第二个值是y 坐标

    3.背景图像固定（背景附着）
    background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动。
    background-attachment后期可以制作视察滚动效果。

    background-attachment : scroll | fixed
    参数 作用
    scroll 背景图片是随对象内容滚动
    fixed 背景图像固定

    4.背景的复合写法
    为了简化背景属性的代码，我们可以将这些属性合并简写在同一个属性background中。使用简写属性时，没有特定的书写顺序，一般习惯约定顺序为：
    background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;
    5.背景色半透明
    CSS3提供了背景半透明效果。

    background: rgba(0,0,0,0.3);
    • 最后一个参数是alpha透明度，取值范围在0~1之间
    • 我们习惯把0.3的0省略掉，写成 background:rgba(0,0,0,.3);
    • 只会让盒子的背景色半透明，里面的内容不会受影响
    • CSS3新增特性，是IE9+版本浏览器才支持
    • 在实际开发中，我们不太关注兼容性的写法，可以放心使用