CSS修改下劃線顏色的方法

在CSS中，可以使用text-decoration-color屬性來修改下劃線的顏色，以下是一些示例代碼，展示如何修改下劃線的顏色：

1、修改整個(gè)文檔中的所有下劃線顏色：

body {
  text-decoration-color: red;
}

2、修改特定元素（如p標(biāo)簽）中的下劃線顏色：

p {
  text-decoration-color: blue;
}

3、如果下劃線是由于border-bottom屬性產(chǎn)生的，可以使用border-color屬性來修改顏色：

div {
  border-bottom: 1px solid;
  border-color: green;
}

4、對(duì)于text-decoration屬性中的其他裝飾（如下劃線、上劃線等），可以使用text-decoration-line屬性來指定要修改哪一條線：

span {
  text-decoration-line: underline;
  text-decoration-color: orange;
}

text-decoration-color屬性僅適用于text-decoration屬性值為underline、overline或line-through的情況，如果text-decoration屬性的值為其他值（如none），則text-decoration-color屬性將不起作用。