CSS中，使用:hover選擇器可以實現鼠標滑過元素時的效果。今天我們來討論如何使用:hover和box-shadow屬性來實現鼠標滑過時添加陰影的效果。

/* 首先，我們需要定義一個元素，并給它一些樣式 */
.box {
width: 200px;
height: 200px;
background-color: #fff;
transition: box-shadow 0.3s ease-in-out;   /* 這里使用了transition屬性，使得效果更加平滑 */
}
/* 接著，我們定義:hover選擇器，當鼠標滑過元素時添加陰影效果 */
.box:hover {
box-shadow: 0px 10px 15px rgba(0,0,0,0.3);   /* 這里設置了一個10px高，15px寬的陰影 */
}

通過這段代碼，我們可以在鼠標滑過元素時，讓它擁有一個美麗的陰影效果，從而提升網頁設計的質量。