CSS點擊換圖是網(wǎng)站設(shè)計中常見的功能，可以使網(wǎng)站頁面的交互性更強(qiáng)。下面是一個簡單的實現(xiàn)方法：

HTML代碼：
<div id="img-container">
<img id="img1" src="1.jpg" alt="圖片1">
<img id="img2" src="2.jpg" alt="圖片2">
</div>
CSS代碼：
#img-container {
position: relative;
width: 500px;
height: 300px;
}
#img-container img {
position: absolute;
top: 0;
left: 0;
display: none;
}
#img-container img:first-child {
display: block;
}
#img1:target ~ #img2 {
display: block;
}
#img2:target ~ #img1 {
display: block;
}

首先，我們在HTML中創(chuàng)建一個div容器，包含兩個img標(biāo)簽，它們分別顯示兩張圖片。在CSS中，我們將img標(biāo)簽定位到容器的左上角，同時設(shè)置它們的display屬性為none，使它們從頁面中隱藏。

接下來，我們使用:first-child和:target選擇器，當(dāng)?shù)谝粡垐D片是被點擊的目標(biāo)時，它的下一個兄弟元素（第二張圖片）會顯示，第二張圖片成為被點擊的目標(biāo)時，第一張圖片會顯示。

最后，我們可以為img標(biāo)簽設(shè)置合適的寬度和高度屬性，并將父容器的寬度和高度設(shè)定為圖片的大小，以保證圖片顯示完整。

通過以上CSS代碼的設(shè)置，我們實現(xiàn)了點擊圖片可以切換圖片的效果，從而提升了網(wǎng)站的用戶體驗。