在網頁設計中，添加圖片對于美化網頁和傳遞信息都有著重要作用。使用CSS可以引用圖片，并讓其在網頁中展示。下面將介紹CSS如何引用網頁圖片。
首先，在HTML中需要添加一個img標簽來顯示圖片，如下所示：

<img src="images/example.jpg" alt="Example Image">

其中，src屬性指定圖片的路徑，alt屬性設置當圖片無法顯示時的替代信息。
接著，在CSS中使用background-image屬性來設置圖片，如下所示：

p {
background-image: url("images/example.jpg");
}

其中，“url()”內的路徑與img標簽的src相同。這個屬性將圖片作為背景添加到段落中，圖片無需被添加到HTML標記中。
還可以為圖片添加一些額外的樣式，例如設置背景的大小和重復方式。可以使用background-size和background-repeat屬性進行設置：

p {
background-image: url("images/example.jpg");
background-size: cover;
background-repeat: no-repeat;
}

上述代碼將圖片的背景設置為覆蓋整個段落（background-size: cover），并且不重復（background-repeat: no-repeat）。
當圖片在包含文件夾中時，需要在路徑中指定相對于包含文件夾的路徑。如果圖片與CSS文件在同一文件夾中，可以直接指定圖片名稱。
在編寫CSS時，使用相對路徑應該是優先選擇。這樣做是為了在將網站上傳到web服務器時更加穩定，避免錯誤地引用本地文件路徑。
綜上所述，使用CSS引用網頁圖片是一種簡單而方便的方法。要顯示圖片，只需添加一個img標簽以指定圖片的路徑和替代文本。使用background-image屬性將圖片添加為段落的背景，可以通過額外的樣式屬性對其進行進一步的調整。