css3支持為網(wǎng)頁添加多個(gè)背景圖片。在css中，可以通過直接在background-image屬性中指定多個(gè)背景路徑來為網(wǎng)頁添加多個(gè)背景圖片，語法格式“background-image: url(圖片地址), url(圖片地址)…;”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在CSS中使用多個(gè)背景圖片

如果想在背景中添加一張以上的圖片怎么辦？CSS3 中可以直接 指定多個(gè)背景路徑，如下所示：

body {   background-image: url(https://image.flaticon.com/icons/svg/748/748122.svg), url(https://images.unsplash.com/photo-1478719059408-592965723cbc?ixlib=rb-1.2.1&auto=format&fit=crop&w=2212&q=80);   background-position: center, top;   background-repeat: repeat, no-repeat;   background-size: contain, cover; }

效果圖：

完整示例地址：https://codepen.io/duomly/pen/eYpVoJR

（學(xué)習(xí)視頻分享：css視頻教程）