CSS可以控制網頁中的各種元素，包括圖片。在實際開發中，我們經常需要控制兩張圖片之間的切換。下面，我們來看一下如何使用CSS實現這一功能。

<div class="image-switch">
<img src="image1.jpg" id="image1">
<img src="image2.jpg" id="image2">
</div>

上面的代碼中，我們使用了<div>標簽，其中包含了兩個<img>標簽，分別用于展示兩張圖片。接下來，我們需要編寫CSS代碼，才能使這兩張圖片之間切換。

.image-switch img {
display: none;
}
.image-switch img:first-child {
display: block;
}

上面的CSS代碼中，我們使用了<img>標簽的CSS選擇器，來對這兩張圖片進行操作。通過設置它們的display屬性為none，我們將它們都隱藏起來。接下來，我們再通過設置第一張圖片的display屬性為block，來將其顯示出來。

.image-switch:hover img:first-child {
display: none;
}
.image-switch:hover img:last-child {
display: block;
}

最后，我們在上面的CSS代碼中，使用了:hover偽類，來定義鼠標懸浮在圖片上時的樣式。當鼠標懸浮在這個<div>標簽上時，我們將第一張圖片設置為隱藏，將第二張圖片設置為顯示，完成了圖片的切換效果。

總之，通過CSS控制兩張圖片之間的切換，可以幫助我們打造更加豐富和生動的網頁元素。