在網頁設計中，添加背景圖可以有效提升頁面的視覺效果和美感。在CSS中，我們可以通過background-image屬性來設置背景圖。本文將介紹如何在CSS中正確地編寫背景圖代碼。 首先，在編寫CSS代碼的時候，需要在樣式規則中添加background-image屬性。代碼如下：

p {
background-image: url("image.jpg");
}

其中，p為CSS選擇器，代表要設置背景圖的HTML元素，大括號內為CSS樣式規則。在background-image屬性中，我們使用url()來指定要添加的背景圖文件路徑，注意要用雙引號將路徑括起來。 除了url()語法，我們還可以通過其他方式添加背景圖。例如，我們可以使用linear-gradient()語法來創建漸變背景，并將其作為背景圖。代碼如下：

p {
background-image: linear-gradient(to bottom, #F8F8F8, #FFFFFF);
}

在以上代碼中，linear-gradient()中第一個參數to bottom表示漸變從上到下，#F8F8F8為漸變初始顏色，#FFFFFF為漸變終止顏色，這兩個顏色可以自行替換。 除了以上兩種方式，我們還可以在background-image屬性中使用多個鏈接來設置多張背景圖，同時調整不同背景圖的位置和大小等屬性。 在CSS中添加背景圖，還需要注意一些細節。例如，當背景圖加載失敗或無法讀取時，我們需要通過添加備用背景圖或設置background-color屬性作為替代。同時，我們還可以通過background-repeat、background-size、background-origin等屬性來調整背景圖的樣式效果。 以上是在CSS中編寫背景圖代碼的一些基本方式和技巧。希望本文能給大家帶來一些幫助。