CSS可以使您的網站變得更加美觀。其中一個常用的功能是通過CSS添加背景圖像，并在鼠標停止時更換圖像。

div {
background-image: url('image1.jpg');
height: 200px;
width: 200px;
}
div:hover {
background-image: url('image2.jpg');
}

上面的CSS代碼將div元素的背景設置為“image1.jpg”圖像，并在鼠標懸停時更換為“image2.jpg”圖像。

要添加圖像，您可以使用background-image屬性，并將其設置為圖像的URL。要在鼠標懸停時更換圖像，可以使用:hover偽類選擇器。您可以將:hover偽類選擇器應用于元素，然后根據需要更改背景圖像。在上面的示例中，我們將其應用于div元素。

您可以根據需要更改元素的大小和位置。在上面的示例中，我們設置了div元素的高度和寬度為200像素。

現在，當您將鼠標懸停在元素上時，它應該更換為新圖像！