在CSS中，可以使用background-image屬性來添加雙重背景圖片，以下是一些示例代碼，展示如何添加雙重背景圖片：

示例1：使用逗號(hào)分隔的圖片列表

body {
    background-image: url(image1.jpg), url(image2.jpg);
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat;
}

示例2：使用linear-gradient添加背景圖片

body {
    background: linear-gradient(to right, url(image1.jpg), url(image2.jpg));
}

示例3：使用background-size控制背景圖片大小

body {
    background-image: url(image1.jpg), url(image2.jpg);
    background-size: cover, auto;
}

示例4：使用background-attachment控制背景圖片是否固定

body {
    background-image: url(image1.jpg), url(image2.jpg);
    background-attachment: fixed, scroll;
}

示例5：使用background-origin和background-clip控制背景圖片的定位和裁剪

body {
    background-image: url(image1.jpg), url(image2.jpg);
    background-origin: content-box, padding-box;
    background-clip: content-box, padding-box;
}

示例6：使用filter對(duì)背景圖片進(jìn)行濾鏡處理

body {
    background-image: url(image1.jpg), url(image2.jpg);
    filter: blur(5px) brightness(50%);
}

示例7：使用mask對(duì)背景圖片進(jìn)行遮罩處理

body {
    background-image: url(image1.jpg), url(image2.jpg);
    mask: url(mask.png); /* 使用一個(gè)遮罩圖片 */
}

示例8：使用CSS變量控制背景圖片

:root {
    --bg-image1: url(image1.jpg);
    --bg-image2: url(image2.jpg);
}
body {
    background-image: var(--bg-image1), var(--bg-image2);
}

通過以上的示例，你可以根據(jù)自己的需求，靈活控制雙重背景圖片的顯示方式，希望這些示例能幫助你實(shí)現(xiàn)所需的效果！