CSS雙背景圖是一種在同一個元素上同時展示兩種背景圖的技術。它可以為網站添加精美的視覺特效，為用戶提供更好的體驗。接下來我們將學習如何使用CSS創建雙背景圖。

.container {
background-image: url(bg1.png), url(bg2.png); /*此處為兩張背景圖*/
background-position: left top, right bottom; /*第一張在左上角，第二張在右下角*/
background-repeat: no-repeat, no-repeat; /*兩張圖片不重復*/
}

在上面的代碼中，我們創建了一個類名為.container的元素并將它的背景圖設置為兩張圖片。我們使用background-image屬性來設置背景圖，使用逗號分隔多張圖片。在這個例子中，我們輸入了兩張名為bg1.png和bg2.png的圖片。接下來，我們使用background-position屬性來設置這兩張圖片的位置，第一張圖片顯示在左上角，第二張圖片顯示在右下角。最后，我們使用background-repeat屬性來防止圖片重復。

CSS雙背景圖是一種非常有用的技巧，它可以為你的網站提供豐富多彩的背景效果。無論是想要強調網站的品牌形象，還是想要突出網頁內容、改善用戶體驗，這種技術都能夠幫助你實現目標。相信通過以上的介紹，你也已經學會了如何使用CSS雙背景圖。