CSS可以輕松地實現鼠標懸停改變圖片的效果，讓我們來看看如何實現。

/* 將圖片的URL設置為背景 */
.img {
background-image: url('image.jpg');
width: 200px;
height: 200px;
}
/* 在鼠標懸停時改變背景圖片 */
.img:hover {
background-image: url('new_image.jpg');
}

以上代碼將一張名為image.jpg的圖片作為背景，并使用一個類名.img來調用它。通過將該類名的background-image屬性設置為image.jpg，它將在頁面上顯示出來。

當我們在該元素上懸停鼠標時，我們希望將圖片更改為另一張圖片new_image.jpg。為此，我們可以使用:hover偽類，在鼠標懸停時更改元素的背景圖片。

這種方法非常簡單，可以為您的網站增加一些額外的互動性并使它看起來更加動態。