在CSS中，我們可以使用background-image屬性來給HTML元素設置背景圖片。以下是如何在CSS中寫入背景圖片的幾種方法。 要將背景圖片添加到元素中，請使用background-image屬性。例如，我們可以使用這個代碼來將背景圖片添加到一個div元素：

div {
background-image: url('image.jpg');
}

在上面的代碼中，我們使用了一個URL為'image.jpg'的背景圖像。注意，我們還必須將元素的寬度和高度設置為與背景圖像相同，以確保背景圖像充滿整個元素。 在添加背景圖像時，我們可以選擇將圖像固定到視口的某個位置，以便當用戶滾動頁面時，圖像保持固定。要實現這一點，我們可以使用background-attachment屬性。 例如，以下代碼將背景圖像固定在視口的左上角：

div {
background-image: url('image.jpg');
background-attachment: fixed;
background-position: left top;
}

在上面的代碼中，我們還使用了background-position屬性來指定背景圖像在元素中的位置。 我們還可以在背景圖片上添加或替換文本或其他內容。例如，我們可以使用以下代碼在圖像上添加半透明的文本：

div {
background-image: url('image.jpg');
color: white;
background-color: rgba(0, 0, 0, 0.5);
}

在上面的代碼中，我們將背景顏色設置為半透明的黑色，并在文本上使用白色色調。 總結：在CSS中添加背景圖片非常簡單。只需使用background-image屬性指定圖像地址即可。我們還可以使用其他屬性來設置背景圖像的位置和行為，例如background-attachment和background-position。