在網頁設計中，很多時候需要使用圖片來豐富頁面的內容和樣式，而CSS就是一個非常重要的工具，能夠讓我們實現許多豐富的樣式效果，包括引用圖片。
CSS中引用圖片的方法非常簡單，在需要使用圖片的元素中通過“background-image”屬性來設置圖片路徑即可。下面是CSS引用圖片的具體步驟：
首先，需要準備一張圖片，并將其保存在網站目錄中（或者可以通過網絡鏈接引用外部圖片）。然后，在需要引用圖片的元素（例如div、p等）中添加“background-image”屬性，并將路徑設置為圖片的存儲路徑，如下所示：

p {
background-image: url('images/bg.jpg'); /*圖片路徑*/
background-repeat: no-repeat; /*背景不重復*/
}

上述代碼中，我們選擇了一個p元素，并設置了這個元素的背景圖片為“images/bg.jpg”。由于我們不希望圖片在背景中重復出現，所以添加了“background-repeat: no-repeat”屬性。
值得注意的是，路徑可以是相對路徑或絕對路徑。如果圖片在當前文件夾中，可以使用相對路徑。如果圖片在其他文件夾中，可以使用相對路徑或絕對路徑。
在引用圖片時，需要注意以下幾點：
1. 圖片可以是jpg、png、gif等格式，建議使用jpg或png格式的圖片，因為它們的壓縮效果好。
2. 圖片大小不宜超過網頁寬度，否則會影響頁面加載速度和用戶體驗。
3. 考慮圖片的可訪問性問題，在設置圖片路徑時，應當使用有意義的描述性文本代替文件名。
總之，在CSS中引用圖片非常簡單，只需要在需要使用圖片的元素中添加“background-image”屬性并設置圖片路徑即可。同時，我們還需要注意圖片的大小和可訪問性，以提高頁面的用戶體驗。