在網頁設計中，鼠標經常被用來增強用戶交互體驗。一種簡單而有效的方法是通過CSS添加鼠標懸停時的下劃線效果。下面我們來看一下如何使用CSS來實現這種效果。

a:hover {
text-decoration: underline;
}

在上述代碼中，“a:hover”是一個偽類，它表示當用戶鼠標懸停在鏈接上時應用的樣式。在這個例子中，我們使用“text-decoration”CSS屬性來設置下劃線樣式。

通過CSS，我們還可以進一步控制下劃線的顏色和樣式。例如，下面的代碼將鼠標懸停時的下劃線改為紅色點線。

a:hover {
text-decoration: dotted red underline;
}

在這個例子中，“text-decoration”屬性值包含了三個選項，分別用空格隔開。第一個選項是線的樣式，“dotted”表示點線。第二個選項是線的顏色，“red”表示紅色。第三個選項是文本下面的雙線，“underline”表示下劃線。

總的來說，使用CSS添加鼠標下劃線效果是非常簡單的，這種效果可以讓鏈接更加易于閱讀和識別，提高了用戶體驗。