在網站設計中，很多時候都需要使用圖片來增強頁面的視覺效果。在CSS中，我們可以使用 `background-image` 屬性來添加圖片到網頁中。下面我們來看看如何在CSS中添加圖片。 首先，我們需要準備一張圖片，可以是 JPG、PNG 或 GIF 等格式。將圖片保存到項目中的圖片文件夾中，這里以圖片文件夾名為 `img` 為例。 接下來，在CSS樣式表中，我們可以使用以下代碼來添加背景圖片： ``` selector { background-image: url('../img/example.jpg'); } ``` 其中， `selector` 是 CSS 選擇器，可以選擇需要添加背景圖片的 HTML 元素。 `url()` 函數中的路徑 `'../img/example.jpg'` 是圖片在項目中的相對路徑。 注意，路徑中用 `..` 表示返回上一級目錄。如果圖片文件夾跟CSS文件在同一級目錄下，可以直接使用相對路徑 `url('./img/example.jpg')` 。 如果想要重復平鋪（repeat）、水平平鋪（repeat-x）、垂直平鋪（repeat-y）或不平鋪（no-repeat）背景圖片，可以使用 `background-repeat` 屬性，如下： ``` selector { background-image: url('../img/example.jpg'); background-repeat: repeat-x; } ``` 此外，可以使用 `background-position` 屬性來指定背景圖片的位置。例如，使用 `background-position: center;` 將背景圖片水平和垂直居中。 最后，需要注意的是，背景圖片會影響網頁加載速度。為了優化網頁加載速度，可以將圖片壓縮并使用適當的尺寸。同時，最好使用命名有意義的圖片文件名，以便于維護和修改。 總之，在CSS中添加背景圖片是網頁設計中常用的技巧。通過設置背景圖片，可以為網頁增加美觀的視覺效果，提高用戶體驗。