本文目錄導(dǎo)讀：

1. 使用border-bottom屬性
2. 使用text-decoration屬性

CSS中如何改變下劃線(xiàn)的顏色

在CSS中，我們可以通過(guò)多種方式改變下劃線(xiàn)的顏色，這里我們介紹兩種常用的方法：使用border-bottom屬性和使用text-decoration屬性。

使用border-bottom屬性

我們可以利用border-bottom屬性來(lái)創(chuàng)建下劃線(xiàn)，并指定其顏色，如果我們想要將段落文本的下劃線(xiàn)顏色改為紅色，可以這樣做：

p {
  border-bottom: 1px solid red;
}

這段CSS代碼會(huì)給所有段落（p元素）添加一條紅色的下劃線(xiàn)，你可以根據(jù)需要調(diào)整下劃線(xiàn)的粗細(xì)（如1px、2px等）和顏色（如blue、green等）。

使用text-decoration屬性

text-decoration屬性可以用來(lái)添加裝飾效果，如下劃線(xiàn)、上劃線(xiàn)、刪除線(xiàn)等，我們可以使用text-decoration屬性來(lái)設(shè)置下劃線(xiàn)的顏色。

p {
  text-decoration: underline red;
}

這段CSS代碼會(huì)給所有段落（p元素）添加一條紅色的下劃線(xiàn)，與border-bottom屬性類(lèi)似，你可以根據(jù)需要調(diào)整下劃線(xiàn)的顏色和粗細(xì)。

需要注意的是，不同瀏覽器對(duì)CSS屬性的支持程度可能有所不同，在實(shí)際使用中，我們需要確保所使用的CSS屬性被目標(biāo)瀏覽器所支持。