CSS中有一種常見的場景就是鼠標移到圖片上時，希望能夠替換成另一張圖片，實現這個效果非常簡單，只需要利用CSS的:hover選擇器即可。

img:hover{
content: url('hover.jpg');
}

上面這段代碼中，我們利用了:hover選擇器，當鼠標移到img標簽上時，會自動替換成hover.jpg這張圖片。 需要注意的是，這里的content屬性用于替換img的src屬性，所以不能再用src屬性來指定圖片路徑。

除了替換圖片外，我們還可以改變圖片的大小、位置、透明度等樣式。比如，當鼠標移到圖片上時，把圖片放大到200%：

img:hover{
transform: scale(2,2);
}

上面這段代碼中，我們利用了CSS3的transform屬性來控制圖片大小，scale(2,2)表示圖片在水平和垂直方向上放大2倍。

總之，利用CSS的:hover選擇器，我們可以做出各種鼠標移入移出效果，讓網頁更加生動有趣。