CSS鼠標(biāo)懸停鏈接下劃線是網(wǎng)頁(yè)設(shè)計(jì)中常用的一種效果，可以讓用戶更加清晰地知道自己正在懸停的鏈接，增加用戶體驗(yàn)。下面我們來(lái)看一下CSS代碼怎么寫(xiě)。

a:hover {
text-decoration: underline;
}

以上CSS代碼中，:hover偽類表示鼠標(biāo)懸浮在鏈接上，a選擇器表示我們要改變的元素是a標(biāo)簽。text-decoration:underline則是下劃線的樣式。

如果我們想改變下劃線的顏色、粗細(xì)等屬性，可以按照以下代碼進(jìn)行調(diào)整。

a:hover {
text-decoration: underline;
text-underline-position: under;
text-decoration-color: red;
text-decoration-thickness: 0.1em;    
}

text-underline-position: under表示下劃線放在文字下面，text-decoration-color屬性可以改變下劃線顏色，text-decoration-thickness屬性可以調(diào)整下劃線的粗細(xì)。

除了下劃線外，我們還可以將鼠標(biāo)懸停鏈接的字體顏色、背景色等進(jìn)行調(diào)整，下面是一個(gè)例子。

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

以上CSS代碼中，color屬性可以改變字體顏色，background-color屬性可以改變背景顏色。

通過(guò)以上這些簡(jiǎn)單的CSS代碼，我們可以輕松實(shí)現(xiàn)鼠標(biāo)懸停鏈接下劃線的效果，并進(jìn)行進(jìn)一步的修改。