在 HTML 中，我們可以使用<a>標(biāo)簽創(chuàng)建鏈接，但它的默認(rèn)樣式可能不適合我們的設(shè)計(jì)需求。當(dāng)鼠標(biāo)懸停在鏈接上時(shí)，我們往往需要添加樣式以表示該鏈接被選中。本文介紹如何在 HTML 中設(shè)置帶有特定顏色的下劃線，以便更好地突出顯示鏈接。

a:hover {
color: #0077cc;
text-decoration: none;
border-bottom: 2px solid #0077cc;
}

上述代碼使用了偽類選擇器:hover來選中鏈接的懸停狀態(tài)。然后，我們分別設(shè)置了顏色、文本裝飾和下劃線的樣式。其中：

• color表示鏈接文本的顏色；
• text-decoration禁用了默認(rèn)的下劃線樣式，以免與我們之后添加的下劃線發(fā)生沖突；
• border-bottom表示添加下劃線，且邊框樣式為實(shí)線，寬度為 2px，顏色為 #0077cc。

我們也可以通過其他屬性和值調(diào)整下劃線的樣式。例如，你可以使用border-bottom-style控制下劃線的樣式，如 dotted（虛線）、dashed（點(diǎn)狀線）等。同樣地，你也可以使用border-bottom-width控制下劃線的寬度，以及border-bottom-color控制下劃線的顏色。

然而，需要注意的是，不同瀏覽器可能有不同的默認(rèn)樣式，因此你需要仔細(xì)調(diào)試樣式以確保它適用于所有常用瀏覽器。