在網站制作中，能夠讓網頁顯得更加美觀的一項工作就是圖片設置。除了在HTML中使用標簽設置圖片以外，CSS中也有設置圖片的方法。本文將介紹如何使用CSS的偽類設置圖片。

/*基本語法*/
選擇器:偽類 {
屬性名：屬性值;
}
/*設置圖片*/
h1::after {
content: url(images/icon.png);
}
/*設置背景圖片*/
p::before {
content: "";
display: block;
width: 100px;
height: 100px;
background: url(images/background.jpg) no-repeat;
}

首先，我們需要知道CSS的偽類是什么。CSS偽類是根據元素在特定狀態下所展現的樣式，而不是元素本身的樣式。比如在鼠標懸停在鏈接上時，鏈接的顏色和下劃線顏色可以改變。這就是用偽類實現的。

接下來，列舉兩種常見的CSS偽類設置圖片。第一種是給元素添加一個偽元素，然后將其內容設置為圖片的路徑。例如：在h1元素后添加一個偽元素，然后把它的內容設置為圖片的路徑。這樣，圖片就會在h1元素的末尾顯示。

第二種方法是給元素添加一個偽元素，并將其設為塊級元素。接著，設置寬度和高度，然后將元素的背景設置為圖片的路徑。這樣，背景圖片就會在元素的前面顯示。

CSS的偽類可謂使用靈活，以這兩種為例，只要稍微改變一下屬性值，就可以得到不同的效果。因此，合理運用CSS偽類，可以讓網頁更加美觀。