CSS用圖片做背景是Web開發中常見的技術，通過這種方法，我們可以為網頁元素設置絢麗的背景圖案，增加網頁的美觀性和趣味性。下面是一些基本的CSS代碼示例，幫助大家學習如何使用圖片做背景。 首先，我們需要在CSS中使用background-image屬性來定義背景圖片。該屬性可以使用圖片的URL值來指定背景圖片，例如：

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

上述代碼將為所有的段落元素添加一個名為“background.jpg”的背景圖片。如果你的網站放置了多個圖片，你可以將路徑名替換為相對路徑，例如：“images/background.jpg”。 在CSS中，還可以使用background-repeat屬性設置背景圖案的重復方式。該屬性有以下幾個取值： - repeat：該值表示背景圖案會在水平和垂直方向重復顯示，直到填滿整個元素； - repeat-x：該值表示背景圖案只在水平方向重復顯示； - repeat-y：該值表示背景圖案只在垂直方向重復顯示； - no-repeat：該值表示背景圖案只顯示一次，不進行重復。 例如，下面的代碼演示如何設置背景圖案在水平方向重復顯示：

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

此外，還可以通過background-position屬性來調整背景圖案的顯示位置。該屬性可以取兩個值，分別表示水平和垂直方向的位置百分比。例如，下面的代碼表示將背景圖案垂直方向置中，水平方向靠左對齊：

p {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-position: 0% 50%;
}

最后，注意在CSS中使用background-color屬性可以為元素設置背景顏色，這將在背景圖案加載之前顯示。如果背景圖片加載失敗，背景顏色將便于文本的閱讀，避免空白區域造成的不良效果。例如：

p {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-position: 0% 50%;
background-color: #cccccc;
}

通過這些簡單的CSS代碼，我們可以為網頁元素添加多樣化的背景圖案，使頁面更加生動有趣。希望這篇文章能對大家的Web開發學習有所幫助！