指定背景图片：

    background-image: url(“img/on.gif”)

    指定平铺方式：

    background-repeat: no-repeat

    • no-repeat 默认值，不平铺；
    • repeat 平铺；
    • repear-x 沿X轴平铺；
    • repear-y 沿Y轴平铺；

    设置图片的位置：

    background-position: 50px 100px

    • 如果是混合单位，那么前者代表x坐标，后者代表y坐标；
    • 如果是方向名词单位则无前后顺序之分。
    • 方向名词有 center 、 left 、 right 、 top 、 bottom

    背景图片是否滚动：

    background-attachment: fixed

    • fixed 固定在页面上，不会随着页面的滚动而滚动；
    • scroll 会随着页面的滚动滚动。

    复合写法：

    • 没有特定的顺序要求，官方就建议用下面的顺序：

    image.png