CSS的背景圖像屬性可以用來設置一個背景圖像，在很多的網頁設計中都會用到，使用背景圖像會為網頁增添美感。如何在CSS中讀取圖片呢？下面來介紹幾種方法。

.background {
background-image: url("picture.jpg");
}

在CSS中使用背景圖像，只需要在element的CSS規則中使用background-image屬性即可。其中url()函數的參數就是圖片的URL。在這個例子中，CSS文件和圖片文件處于同一目錄下。

.image {
content: url("picture.jpg");
}

這種方法同樣是使用url()函數來引用圖片，但是它是應用在content屬性上，在CSS中content屬性通常是用于在元素前、后添加內容。然而，當content屬性用于引用圖片時，它就會把圖片嵌入元素的文本中。

除了用url()函數來加載圖片，CSS中也可以使用data URIs。data URIs是指一種格式，可以將小圖片轉換成一個base64編碼的文本字符串。這樣，圖片就變成了瀏覽器可以直接讀取的文本，從而不需要再發送額外的網絡請求。

.background {
background-image: url("data:image/png;base64,iVBORw0KGg....");
}

在這個例子中，使用了一個PNG格式的data URI，這個字符串經過base64編碼后，就變成了一長串字符。

總之，CSS中有多種方法可以讀取圖片，選擇哪種方法，可以根據具體情況來決定。如果需要大量的圖片資源，最好采用合理的方式進行優化，以提高網頁的性能。