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

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

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