在網頁設計中，經常需要在CSS文件中添加圖片，以實現更好的視覺效果。這篇文章將為大家介紹如何做到這一點。 首先，我們需要將圖片保存到網站的服務器上，以便在網頁加載時能夠正常顯示。可以將圖片上傳到網站的根目錄中，或者將其保存到一個特定的文件夾中。 接下來，在CSS文件中使用以下代碼添加圖片： pre{ background-image: url('圖片路徑'); } 在此代碼中，‘圖片路徑’指的是我們之前保存圖片的位置。例如，如果圖片保存在根目錄中，我們可以使用以下代碼： pre{ background-image: url('/image.png'); } 如果圖片保存在文件夾中，則路徑需要使用文件夾的名稱： pre{ background-image: url('/images/image.png'); } 需要注意的是，圖片路徑應該使用相對路徑而非絕對路徑。這樣，即使將網站遷移到不同的服務器上，圖片也能夠正確加載。 在使用background-image屬性添加圖片時，還可以設置其他一些屬性，例如圖片的位置、重復方式、大小等。例如： pre{ background-image: url('/image.png'); background-position: center; background-repeat: no-repeat; background-size: cover; } 這個例子中，圖片被設置為在容器居中顯示、不重復、并用“cover”模式填充容器的寬度和高度。 總之，在CSS文件中添加圖片是非常簡單的。只需要指定圖片的路徑，就可以實現網頁設計中的各種視覺效果。希望這篇文章能夠對大家有所啟示！