在css中，插入圖片是很常見的一項操作。一般來說，我們可以使用background-image屬性來設置背景圖片，也可以使用img標簽來直接插入圖片。下面將詳細介紹這兩種方法。 使用background-image屬性插入圖片 在css中，我們可以通過background-image屬性來為元素設置背景圖片。其語法如下： ``` background-image: url('圖片路徑'); ``` 其中，圖片路徑可以是相對路徑或絕對路徑。如果是相對路徑，則以css文件所在的目錄為基準；如果是絕對路徑，則從根目錄開始計算。 比如，我們要為一個div元素添加一張背景圖片，可以這樣寫： ```.my-div { background-image: url('images/background.jpg'); height: 200px; width: 300px; } ``` 此時，我們需要在css文件所在的目錄下創建一個名為“images”的文件夾，并將背景圖片放在該文件夾中。 使用img標簽插入圖片 另外一種插入圖片的方法是使用img標簽直接在html中插入圖片。其語法如下： ``` ``` 其中，src屬性表示圖片路徑，可以是相對路徑或絕對路徑；alt屬性表示圖片的描述信息，也可以為空。 比如，我們要在html中插入一張圖片，可以這樣寫： ``` ``` 此時，我們需要在html文件所在的目錄下創建一個名為“images”的文件夾，并將圖片放在該文件夾中。 總結 以上兩種方法都可以在css中插入圖片。使用background-image屬性來設置背景圖片可以使元素具有更好的控制性，但需要注意圖片路徑的計算規則；使用img標簽插入圖片則更加方便直觀，但需要注意圖片和html文件的相對位置關系。根據具體情況選擇合適的方法即可。