在CSS中，我們可以使用background-image屬性來(lái)添加多張圖片作為背景，以下是一些示例代碼，展示了如何添加多張圖片：

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

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

示例2: 使用CSS背景圖層

body {
    background-image: url(image1.jpg);
    background-repeat: no-repeat;
}
.layer2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(image2.jpg);
    background-repeat: no-repeat;
}
.layer3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(image3.jpg);
    background-repeat: no-repeat;
}

示例3: 使用CSS背景圖疊加

body {
    background-image: url(image1.jpg);
    background-repeat: no-repeat;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(image2.jpg);
    background-repeat: no-repeat;
}

示例4: 使用CSS背景圖平鋪

body {
    background-image: url(image1.jpg), url(image2.jpg), url(image3.jpg);
    background-repeat: repeat-x, repeat-y, no-repeat;
}

示例5: 使用CSS背景圖縮放和定位

body {
    position: relative;
    width: 500px;
    height: 500px;
    background-image: url(image1.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.scaled {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 400px;
    height: 400px;
    background-image: url(image2.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    transform: scale(2); /* 縮放圖片 */
}