在CSS中，images（圖片）是一個重要的元素，它可以為網頁添加豐富的視覺效果，并增強用戶體驗。

在CSS中，為了在網頁上展示圖片，可以使用img標簽，也可以使用background-image屬性來添加圖片。

例子：
img {
src: "example.jpg";
}
div {
background-image: url(example.jpg);
}

使用background-image屬性添加圖片的優點是可以對圖片進行更多的控制，例如可以指定圖片在背景上的位置，平鋪方式等等。下面是一個例子：

例子：
div {
background-image: url(example.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

在這個例子中，圖片被指定為div的背景圖像，并使用了background-size、background-repeat和background-position屬性來定義圖片的顯示方式。

另一種常見的圖片處理方式是使用CSS的sprites技術。Sprites技術是將多個小圖片合并為一張大圖，以減少HTTP請求次數，從而提高網頁的顯示速度。

例子：
.sprite {
background-image: url(sprites.png);
background-position: -50px 0;
width: 20px;
height: 20px;
}
div:hover .sprite {
background-position: -70px 0;
}

在這個例子中，我們首先將多張小圖片合并為一張大圖片，并對每個小圖片定義了對應的背景位置。然后，在div中添加一個:hover偽類，使鼠標懸浮在div上時，背景圖像的位置改變，從而切換不同的小圖片。

總之，無論是在CSS中使用img標簽還是background-image屬性，或者使用sprites技術，圖片都是CSS中一個重要的元素，可以幫助我們實現更加豐富、快速和響應式的網頁設計。