CSS是一種樣式表語言，用于控制網頁的表現效果。其中，背景圖是網頁設計中常用的元素，可以為網頁增加更多的視覺效果。那么，我們該如何用CSS來實現圖片做背景圖呢？ 首先，我們需要在HTML文檔中定義一個div元素，然后給它一個class或id屬性，用于CSS來識別。比如，我們可以這樣寫： `````` 接著，我們需要在CSS中設置這個div的背景圖。首先，我們需要引入圖片，可以寫成以下形式： ``` pre { background-image: url("path/to/image.jpg"); } ``` 在上面的代碼中，“path/to/image.jpg”表示圖片的路徑。如果圖片與CSS文件在同一目錄下，可以直接寫文件名。如果不在同一目錄下，則需要寫出圖片的具體路徑。 然后，我們可以進一步調整背景圖的位置和尺寸。可以使用以下CSS屬性來實現： ``` pre { background-image: url("path/to/image.jpg"); background-position: center; background-size: cover; } ``` 在上面的代碼中，“background-position”用于設置背景圖的位置，“center”表示居中。而“background-size”用于設置背景圖的尺寸，“cover”表示完全覆蓋div元素。 最后，我們可以將背景圖與其他CSS屬性結合使用，例如： ``` pre { background-image: url("path/to/image.jpg"); background-position: center; background-size: cover; padding: 20px; border: 1px solid #ccc; } ``` 在上面的代碼中，“padding”用于設置div元素內部的間距，“border”用于設置邊框樣式和寬度。這樣，在頁面中就可以看到一個帶有背景圖的div元素了。 以上就是用CSS實現圖片做背景圖的方法，希望對你有所幫助。