CSS 是設計網頁的重要工具之一，通過 CSS，我們可以設置網頁的樣式和外觀。其中，如何設置背景圖片是一個經常被問到的問題。下面，我將介紹如何通過 CSS 設置背景圖片。 首先，我們需要在 CSS 中用 `background-image` 屬性為選擇器設置背景圖片。這個屬性可以接受一個 URL，指向想要設置為背景圖片的靜態文件。代碼如下：

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

上面的代碼表示將 `background.jpg` 設置為 `p` 元素的背景圖片。如果在同一個文件夾下，可以直接使用文件名進行引用。 如果我們希望圖片不要平鋪展示，可以使用 `background-repeat` 屬性。該屬性可以接受以下值： - `repeat`：默認值，沿 X 和 Y 軸平鋪。 - `repeat-x`：沿 X 軸平鋪。 - `repeat-y`：沿 Y 軸平鋪。 - `no-repeat`：不平鋪。 代碼如下：

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

設置了該屬性后，背景圖片將不再被平鋪展示，而是只在 `p` 元素的背景中心展示一次。 除了 `background-repeat` 屬性之外， `background-position` 屬性也是調整背景圖片的重要屬性。該屬性可用于控制背景圖片的 x 和 y 位置。 代碼如下：

p {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-position: right top;
}

上面的代碼表示將背景圖片顯示在 `p` 元素的正右上方。我們可以指定使用像素、百分比或者兩者的組合值來控制位置。例如，如果想要將背景圖片垂直居中，可以設置 `background-position: center center;`。將水平、垂直方向上的位置都設置為居中。 通過以上介紹，我們已經可以使用 CSS 設置背景圖片。除此之外，還有很多其他的屬性可用于調整背景圖片的樣式和表現，讓你的網頁更令人印象深刻。