在網頁設計中，鼠標經過效果是一個非常重要的元素。CSS樣式可以很方便地實現鼠標經過效果。下面我們就來看一下如何使用CSS樣式實現鼠標經過效果。

/* 原始樣式 */
.box {
background-color: #eee;
color: #333;
padding: 10px;
}
/* 鼠標經過樣式 */
.box:hover {
background-color: #333;
color: #fff;
cursor: pointer;
}

通過設置:hover選擇器，我們可以設置鼠標經過時元素的樣式。在上面的例子中，當鼠標經過.box元素時，背景顏色會變成#333，文字顏色變成白色，同時還設置了鼠標指針的樣式為手型。

除了改變背景色和文本顏色外，我們還可以實現一些其他的鼠標經過效果，例如下劃線、添加陰影等。

/* 添加下劃線 */
.underline:hover {
text-decoration: underline;
}
/* 添加陰影 */
.shadow:hover {
box-shadow: 2px 2px 5px #666;
}

在上面的代碼中，我們分別給元素添加了下劃線和陰影效果。通過設置text-decoration屬性和box-shadow屬性，我們可以輕松地實現這些效果。

總之，通過使用CSS樣式，我們可以實現各種各樣的鼠標經過效果。在網頁設計中，這些效果能夠讓我們的網站更加生動、有趣，同時也更加易于用戶操作。