在網頁設計中，圖片是很重要的一部分，可以提高網頁的吸引力和用戶體驗。但是有時候我們需要在鼠標懸停或點擊的時候，替換原來的圖片。這時候就需要使用CSS圖片切換技巧。

img:hover{
content: url(新圖片路徑);
}

這段代碼意思是：當鼠標懸停在圖片上時，將圖片的內容更改為新的圖片路徑。如果你想要實現在點擊時進行圖片更換，可以使用下面的代碼：

img:active{
content: url(新圖片路徑);
}

這段代碼意思是：當鼠標按下時，將圖片的內容更改為新的圖片路徑。

請注意，在使用此技巧時，替換的圖片應該是和原圖片一樣的大小和比例，否則會導致圖片的變形或裁剪。

除了使用:hover和:active選擇器外，還可以使用JavaScript來實現圖片的切換。但是相對于JavaScript，CSS圖片切換的實現更加簡單、效率更高，可以在很短的時間內完成圖片樣式的變化。