在CSS中給下劃線加顏色的方法

在CSS中，我們可以使用text-decoration屬性來(lái)給文本添加下劃線，并使用color屬性來(lái)設(shè)置下劃線的顏色，下面是一些示例代碼：

示例1：給文本添加紅色下劃線

p {
  text-decoration: underline;
  color: red;
}

示例2：給文本添加藍(lán)色下劃線

h1 {
  text-decoration: underline;
  color: blue;
}

示例3：給特定元素添加綠色下劃線

.special-text {
  text-decoration: underline;
  color: green;
}

示例4：給鏈接添加紫色下劃線

a {
  text-decoration: underline;
  color: purple;
}

示例5：給表格中的文本添加黃色下劃線

table {
  text-decoration: underline;
  color: yellow;
}

示例6：給所有段落添加黑色下劃線（但只顯示一條線）

p {
  text-decoration: underline;
  color: black;
}

示例7：給特定段落添加白色下劃線（顯示兩條線）

.highlight-text {
  text-decoration: double underline; /* 顯示兩條線 */
  color: white; /* 設(shè)置顏色為白色 */
}