在CSS中插入背景圖片，可以使用background-image屬性來實(shí)現(xiàn)，以下是一些示例代碼，展示如何在CSS中插入背景圖片：

示例1：為整個(gè)頁面設(shè)置背景圖片

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

示例2：為特定元素設(shè)置背景圖片

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

示例3：設(shè)置背景圖片并調(diào)整位置

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

示例4：使用CSS偽元素插入背景圖片

.element::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('path/to/your/image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

示例5：使用CSS變量插入背景圖片

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