CSS是一種用于給網頁加上樣式的語言，通過CSS可以實現各種各樣的視覺效果，其中最常見的就是圖片的使用。在CSS中，我們可以通過多種不同的方式來添加圖片資源，而這些方式各有優缺點。

/* 通過url()函數引用圖片 */
div {
background-image: url("image.jpg");
}
/* 通過data URI引用圖片 */
div {
background-image: url("data:image/jpeg;base64,/9j/..."); 
}
/* 通過偽元素來引用圖片 */
div:before {
content: "";
background-image: url("image.jpg");
}

使用url()函數引用圖片是最常見和最簡單的方式。我們可以在CSS中直接指定圖片的路徑，然后將其作為背景圖片、邊框圖片、列表圖片等顯示。這種方式的優點是可以將樣式和圖片分離，使得我們的HTML代碼更加清晰簡潔。

另一種引用圖片的方式是使用data URI，這個URI直接將圖片的二進制數據嵌入到CSS代碼中，這樣做可以減少對服務器的請求，提高頁面加載速度。不過這也意味著CSS文件大小會增加，需要謹慎使用。

還有一種比較特殊的方法是通過偽元素來引用圖片。這種方式可以用于一些特殊效果的展示，比如實現箭頭、對話框等，但是需要用到CSS的content屬性。

無論使用哪種方式來引用圖片，我們都需要注意一些細節，比如圖片大小、格式、緩存控制等。合理使用圖片資源，可以使得網頁更加美觀、簡潔、高效。