在CSS中，可以使用background-image屬性為網(wǎng)頁添加背景圖片，以下是一些示例代碼，展示如何在CSS中添加背景圖片：

示例1：添加背景圖片到整個頁面

body {
    background-image: url('path/to/your/image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

示例2：添加背景圖片到特定元素（如div）

#myDiv {
    background-image: url('path/to/your/image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

示例3：添加背景圖片并設(shè)置背景顏色

body {
    background-image: url('path/to/your/image.jpg');
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-size: cover;
}

示例4：添加背景圖片并設(shè)置背景位置

body {
    background-image: url('path/to/your/image.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

示例5：添加多個背景圖片（層疊）

body {
    background-image: url('path/to/image1.jpg'), url('path/to/image2.jpg');
    background-repeat: no-repeat, repeat;
    background-position: center, top;
    background-size: cover, auto;
}

示例6：使用CSS變量添加背景圖片

:root {
    --background-image: url('path/to/your/image.jpg');
}
body {
    background-image: var(--background-image);
    background-repeat: no-repeat;
    background-size: cover;
}

示例7：響應(yīng)式背景圖片（使用media query）

@media (min-width: 600px) {
    body {
        background-image: url('path/to/large-image.jpg');
    }
}
@media (max-width: 599px) {
    body {
        background-image: url('path/to/small-image.jpg');
    }
}

希望這些示例能幫助你在CSS中順利添加背景圖片，如果有任何問題或需要進(jìn)一步的解釋，請隨時提問！