在網頁制作時，我們經常需要引用圖片來豐富頁面內容。而CSS引用圖片的方法是非常常用的一種方式。下面我們就來看一下CSS引用圖片的代碼。 首先，我們需要在HTML文檔中添加一個標簽來顯示圖片。例如：

這里是一張圖片：

<img src="image.jpg" alt="這是一張圖片">

以上代碼指定了圖片的路徑和alt屬性，來確保即使圖片不能顯示時也能夠提供一些有用的信息。

然后，我們需要通過CSS來給圖片添加樣式，包括設置圖片的大小、位置、邊框、陰影等。而CSS引用圖片的方法就是利用background-image屬性。例如：

p {
background-image: url("image.jpg");
background-size: cover;
background-position: center;
width: 500px;
height: 500px;
border: 1px solid #ccc;
box-shadow: 2px 2px 2px #ccc;
}

以上代碼指定了p標簽的背景圖片為image.jpg，并設置了圖片的大小、位置、邊框和陰影效果。我們可以根據需要調整這些參數來達到不同的效果。 總的來說，通過CSS引用圖片是一種簡單而又非常實用的方法，它不僅可以美化網頁，還可以提高用戶體驗。希望這篇文章對大家有所幫助。