CSS點擊一處換圖片是一種非常常見的技巧，它是基于CSS中背景圖片的特性實現的。下面是一個簡單的示例：

HTML代碼：
<div id="img-container"></div>
CSS代碼：
#img-container {
width: 400px;
height: 400px;
background-image: url("default-image.jpg");
}
#img-container:hover {
background-image: url("new-image.jpg");
}

以上代碼實現的效果是當鼠標懸浮在指定的div上時，會將原來的背景圖片替換為新的圖片。其實，只需要在CSS中使用:hover偽類即可實現圖片的切換。代碼解析如下：

首先，我們在HTML中定義一個div作為圖片的容器，寬高分別為400px，并設置默認的背景圖片為default-image.jpg。接下來，我們在CSS中通過#img-container來選擇這個div，并設置其默認的背景圖片；當鼠標懸浮在div上時，就會觸發:hover偽類，將背景圖片替換為新的圖片new-image.jpg。

需要注意的是，我們在HTML中并沒有實際插入圖片標簽，而是通過CSS設置背景圖片來實現的。這種方法可以減少頁面加載時間，提高網站的性能。