背景属性的使用（background）

 一.背景颜色属性

    1.属性:background-color/background

    2.属性值:英文单词、十六进制、rgb/rgba

    二:背景图片属性

    1.属性:background-image

    2.属性值:url(路径)

    3.特点

        - 当容器比背景图片大的时候,图片会平铺 铺满整个盒子

        - img图片是结构,占位置,背景图片是css样式需要容器支持不占位置的

        - 如果背景图片大于容器的宽高,也只会显示和容器一样的大小区域

    三:背景平铺属性

    1.属性:background-repeat

    2.属性值

        - repeat 默认值

        - no-repeat 不平铺

        - repeat-x/y

    四:背景定位属性

    1.属性:background-position(定位)

    2.属性值:x y

        - x:left right center

        - y:top bottom center

        - x和y轴也可以使用坐标值

    五:背景固定属性(大型游戏)

    1.属性:background-attachment

    2.属性值

        - scroll 默认值 表示滚动

        - fixed 固定

    六:简写方式

    1.属性:background

    2.属性值:颜色 图片 平铺 定位 固定