CSS是一種用于網頁設計的樣式表語言。在網頁中，我們經常需要在圖片上設置鼠標滑過效果，以增強用戶交互和體驗。下面我們就來學習如何使用CSS設置圖片的鼠標滑過效果。

/* 設置圖片默認樣式 */
img {
width: 200px;
height: 200px;
}
/* 設置鼠標滑過樣式 */
img:hover {
opacity: 0.8;
transform: scale(1.1);
border: 2px solid red;
}

以上代碼中，首先我們設置了圖片的默認樣式，包括寬度、高度等。然后使用:hover偽類選擇器設置了鼠標滑過時的樣式，包括圖片的透明度、縮放、邊框顏色等。

其中，opacity屬性用于設置圖片的透明度，取值范圍為0~1，數值越小表示越透明；transform屬性用于設置圖片的縮放，scale(1.1)表示將圖片縮放到原來的1.1倍大小；border屬性用于設置圖片的邊框，包括寬度、樣式和顏色等。

通過以上簡單的CSS代碼，我們就能為網頁上的圖片添加鼠標滑過效果，提高用戶體驗和頁面交互性。