在網頁設計中，超鏈接的使用非常頻繁，為了讓用戶更清楚地體驗到頁面之間的連接關系，有時候我們需要通過一些特效來美化超鏈接。今天，我們就來談談如何在超鏈接上添加鼠標放上去的效果。

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

如上代碼，我們通過設置 a:hover 的樣式，達到了鼠標放上去時，鏈接變成紅色并且添加下劃線的效果。但是需要注意的是，如果我們在 CSS 中設置了 a 元素的樣式，那么鼠標放上去時的樣式無法生效。例如：

a {
color: black;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}

在上述代碼中，我們通過設置 a 的樣式為黑色并且無下劃線來給鏈接一個基礎的樣式，在鼠標放上去時，鏈接會變成紅色并且添加下劃線。這里需要注意的是，如果我們不設置 a 的基礎樣式，鏈接在點擊后會一直保持紅色下劃線的狀態，這會給用戶帶來困擾。

除了改變鏈接的顏色和下劃線外，我們還可以通過其他方式來為鏈接添加鼠標放上去的效果。例如，我們可以在鏈接上加上背景色：

a:hover {
background-color: #ffcc00;
}

通過設置 a:hover 的背景色，鼠標放上去時鏈接會呈現出黃色的背景。除此之外，我們還可以通過實現滑動效果、旋轉效果等方式來美化超鏈接，這樣可以讓你的網頁看起來更加生動。當然，這些效果都需要一定的代碼功底才能實現，建議大家在學習的過程中多加練習，最終能夠達到自己想要的效果。