網頁設計中，鼠標滑過下劃線效果是非常常見的一種交互效果，可以給頁面增添動態感，讓用戶對頁面更加感興趣。那么，在CSS中如何實現鼠標滑過有下劃線的效果呢？下面我們來介紹一下：

a:hover {
text-decoration: underline;
}

上面代碼中，我們使用了a:hover偽類選擇器，它表示鼠標滑過鏈接時的狀態。緊接著，使用了text-decoration屬性，將鏈接的文本下劃線屬性設置為underline，從而實現了鼠標滑過有下劃線的效果。

當然，我們也可以使用其他屬性來實現同樣的效果，例如：border-bottom：

a:hover {
border-bottom: 1px solid #000;
}

上述代碼中，我們使用了border-bottom屬性將鏈接設置為1像素粗的黑色實線下邊框，這也可以實現鼠標滑過下劃線的效果。

總之，無論使用哪種屬性，鼠標滑過有下劃線的效果都是非常簡單易用的。在使用時，我們只需要記住在a:hover偽類選擇器中設置相應的屬性即可。并且，為了保證頁面風格的一致性，建議在全局樣式表中設置相應的效果。