CSS偽類可用于在不添加額外HTML元素的情況下，改變網頁元素的樣式。其中，偽類與元素的狀態相關聯，例如:hover偽類表示當鼠標懸停于該元素上時，應用指定的樣式。

除此之外，CSS偽類還可以與圖片結合使用，實現更加豐富的效果。例如，可以使用:after偽類在元素的內容后面添加一個額外的元素，再為該元素指定一個背景圖片。

/* 在a元素后添加一個圖標 */
a:after {
content: "";
background-image: url("icon.png");
}
/* 指定圖標大小和位置 */
a:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
background-image: url("icon.png");
}

上面的代碼中，使用:after偽類在a元素后面創建了一個空元素，并為該元素指定了一個背景圖片，從而添加了一個圖標。同時，還可以使用display屬性指定該元素的展示方式，如inline-block或block。

總之，CSS偽類與背景圖片的結合使用，可以為網頁添加更加豐富的效果，從而提升用戶體驗。