在CSS中，我們可以使用偽類來為某些元素添加特殊的樣式。如果是針對圖片元素，我們當然也可以使用偽類來設置圖片的樣式。下面就給大家介紹一下如何在CSS中使用偽類來設置圖片樣式。

img:hover {
opacity: 0.5;
filter: saturate(50%);
}

上面的代碼塊中，我們使用了:hover偽類來為圖片元素設置樣式。當鼠標懸停在圖片上時，圖片將會半透明（opacity: 0.5）并變成灰色（filter: saturate(50%)）。這樣，當用戶與圖片產生交互時，圖片的樣式就會發生變化，從而增強了頁面的交互性。

另外，我們還可以使用其他偽類來設置圖片的樣式，例如:active（當用戶點擊圖片時添加樣式）、:focus（當圖片獲得焦點時添加樣式）等等。這些偽類可以為圖片元素帶來更加細致、個性化的樣式效果。

img:active {
transform: scale(0.9);
}
img:focus {
box-shadow: 0 0 5px #00f;
}

上面的代碼塊中，我們分別使用了:active和:focus偽類來設置圖片的樣式。當圖片被點擊時，將會縮小（transform: scale(0.9)），當圖片獲得焦點時，則會添加藍色的邊框陰影（box-shadow: 0 0 5px #00f）。

綜上所述，使用偽類來設置圖片樣式非常方便有效，可以為頁面增添交互性和美感。同時，我們還可以結合其他CSS屬性一起使用偽類，從而進一步實現更加酷炫的效果。