在網頁開發中，為了讓網頁更加生動有趣，很多時候我們需要在網頁中引入圖片。而要實現這一點，就需要使用CSS樣式表。下面我們就來介紹一下CSS中如何加入圖片。 首先，我們需要在HTML文檔中定義一個容器，用來顯示圖片。這個容器可以是一個div，也可以是一個p標簽。比如：

接下來，我們就可以在CSS中添加樣式來給這個容器添加背景圖片了。具體的步驟如下： 1.首先，需要使用background-image屬性來添加圖片路徑。例如，我們要添加一張名為“demo.jpg”的圖片，代碼如下： pre{ background-image: url("demo.jpg"); } 這里需要注意，圖片路徑需要使用相對于HTML文檔的路徑或者絕對路徑。如果圖片和HTML文檔在同一目錄下，則可以使用相對路徑；如果不在同一目錄下，則需要使用絕對路徑。 2.在添加背景圖片之后，我們還需要設置圖片的樣式。如果圖片的大小和容器大小不一致，那么圖片就會被裁剪或者拉伸。為了避免這種情況的發生，我們需要使用背景大小（background-size）屬性來調整圖片的大小。例如，將圖片自適應容器大小，代碼如下： pre{ background-image: url("demo.jpg"); background-size: 100% 100%; } 這里的100%代表圖片的大小與容器相同，即自適應容器大小。 3.最后，我們還可以添加其他的樣式來美化圖片，比如背景顏色、透明度等。例如，設置背景顏色為淡灰色，代碼如下： pre{ background-image: url("demo.jpg"); background-size: 100% 100%; background-color: #f5f5f5; opacity: 0.7; } 這樣，我們就成功添加了一張背景圖片，并美化了圖片樣式。 總之，在CSS中添加背景圖片的步驟主要包括定義容器、添加圖片路徑、調整圖片大小和添加其他樣式。通過這些簡單的步驟，我們可以輕松地為我們的網頁添加各種各樣的圖片。