css引入多张背景图

有时需要引入多张背景图,那么css如何设置呢

直接在background-image引入,置顶的图片最先引入,配置的话根据顺序,用逗号隔开

div{
    background-color:#CCD8E0 ;
    background-repeat: repeat-x,repeat;
    background-position: left bottom,left top;
    background-size: auto auto,100% 200px;
    background-image: url(https://img2023.cnblogs.com/blog/2541016/202302/2541016-20230223030706760-730374425.jpg),
    url(https://img2023.cnblogs.com/blog/2541016/202302/2541016-20230223030721204-1494976595.gif);
}

 

posted @ 2023-02-23 10:41  Pavetr  阅读(139)  评论(0编辑  收藏  举报