隨著Web技術的不斷發展，現在可以通過鼠標經過圖片更換css樣式，使得網站的效果更加生動，給用戶帶來更好的體驗。接下來，我們給大家介紹一下如何實現這個效果。

img:hover{
opacity: 0.8;
border: 2px solid #09c;
}

首先，我們需要在CSS中預設鼠標經過圖片時的效果。在上面的代碼中，我們設置了當鼠標經過圖片時，其不透明度降低至0.8，同時加上藍色的邊框，以顯示出選中的狀態。

接下來，在HTML中，我們添加了一個圖片，并在其上添加了onmouseover和onmouseout處理函數。當鼠標經過圖片時，onmouseover函數會觸發，更新圖片的src為pic2.jpg，從而實現鼠標經過圖片更換css樣式的效果。當鼠標移出時，onmouseout函數會觸發，將圖片重新設置為原始的pic1.jpg。

這種方式可以用來讓用戶更加直觀地感受到網站的交互性，增強用戶體驗。同時，對于網站設計者來說，這是一個簡單而又常用的技巧，可以用來打造更加富有創意的效果，吸引更多用戶的關注。