CSS3 是一種強大的樣式語言，它能夠幫助開發者更加精確地控制網站的外觀和布局。其中一個強大的功能就是能夠輕松更換圖片，本篇文章將向您介紹如何使用 CSS3 更換圖片。

首先，我們將默認圖片的路徑添加到 HTML 文件中。在這個例子中，我們使用的是名為 default.jpg 的圖片。

.example {
width: 200px;
height: 200px;
background-image: url("new.jpg");
}

接下來，我們需要在 CSS 文件中給我們想要更換圖片的元素添加樣式。這里我們在類名為 example 的元素上添加了樣式。

background-image 是用于更換圖片的屬性。我們將其設為新圖片的路徑。在這個例子中，我們將其設置為名為 new.jpg 的圖片。您可以通過更改圖片路徑來使用其他的圖片。

現在，當瀏覽器加載頁面時，將會在 example 元素中顯示名為 new.jpg 的圖片，而不是默認圖片。這是因為我們使用了 CSS3 來更換了圖片。

使用 CSS3 更換圖片非常簡單，您只需要添加幾行 CSS 代碼即可。它使得開發者能夠更加精確地控制網站的外觀和布局，提供了更好的用戶體驗。