CSS中有一個小技巧：通過點擊改變圖片的顯示，可以給網頁帶來更好的交互體驗。下面是其中的實現方法：

HTML部分：
<div class="container">
<img src="image1.jpg" alt="圖片1">
<img src="image2.jpg" alt="圖片2">
<img src="image3.jpg" alt="圖片3">
</div>
CSS部分：
.container {
position: relative;
display: inline-block;
}
.container img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.5s linear;
cursor: pointer;
}
.container img:first-child {
opacity: 1;
}
.container img:hover {
opacity: 0.8;
}
.container img:active {
opacity: 1;
}

HTML部分中，通過div容器包裹多張圖片，每張圖片通過src屬性引入。CSS部分中，通過container類的position屬性設置為relative，以便讓圖片的位置基于該容器確定。圖片的position屬性設置為absolute，讓它們重疊在一起。

同時，每張圖片的opacity屬性設置為0，通過CSS3的transition實現從opacity為0到1的漸變效果。每次點擊圖片時，active偽類可以將該圖片的opacity屬性再次設置為1，實現點擊后切換圖片的效果。

通過以上代碼，就可以實現在網頁中點擊換張圖片的效果了。美觀、簡潔、實用，這個功能在設計網頁時非常實用。