CSS圖片的懸停樣式是在網頁設計中經常使用的一種效果，可使頁面更加生動有趣。當鼠標懸停在圖片上時，圖片發生一些變化，這種變化通常包括圖片的大小、顏色、透明度、位置等。

要實現CSS圖片的懸停樣式，需要使用CSS的:hover偽類。這個偽類表示在鼠標懸停在指定元素上方時應該應用的樣式。我們可以為圖片設置一個:hover樣式，當鼠標懸停在圖片上時，樣式就會應用。

img:hover {
transform: scale(1.1);
opacity: 0.8;
}

上面的代碼為一個圖片設置了:hover樣式。當鼠標懸停在圖片上時，圖片將放大10%，并變得更半透明。這個效果看起來非常好，讓頁面更加生動有趣。

當然，你也可以使用其他的CSS屬性來設置懸停樣式。例如改變圖片的顏色，讓圖片在懸停時移動等等。謹記，CSS圖片的懸停樣式可以增強用戶體驗并讓頁面更具吸引力。