在css3之前,一个元素只能设置一个背景图。而css3中,可以为一个元素同时添加多个背景图。
    注意:css多重背景依然不支持IE9以下系列版本。
    使用方式:
    1.定义多个背景图,只需要在background-image/background属性的值添加多个url,之间以逗号隔开。
    2.默认情况下,背景图片从元素的左上角开始显示,并会在水平和垂直方向重复铺垫。
    注意:如果多个背景图片重叠,前面定义的图片会覆盖后面定义的图片上面。
    3.每个背景图都具有background中的任何属性,如果可以设置背景图的背景定位,背景重复,背景尺寸,多个属性值按照顺序依次对应。
    注意:如果某个属性只提供一个参数值,则对应所有的背景图。

    1. section{
    2. width: 800px;
    3. height: 500px;
    4. border: 5px solid;
    5. margin: 0 auto;
    6. background-image: url("./img/app2.png"),url("./img/小2.jpg"),url("./img/lbt2_wps图片.png");
    7. background-repeat:no-repeat;
    8. background-position: center,top,bottom;
    9. background-size:100px,400px,cover;
    10. }