用不同颜色标注html锚点

Question

是否可以使用除文本颜色之外的颜色为锚标记加下划线？任何例子将不胜感激.

编辑: 是否可以将颜色指定为十六进制,例如#8f867c？

Answer 1

你不能单独指定下划线颜色,但你可以使用一个小技巧:

a {
    color: red;
    text-decoration: none;
    border-bottom: 1px solid green;
}

请注意,边框不会出现下划线出现的确切位置,抱歉.

Answer 2

CSS3 允许您text-decoration-color: #8f867c直接设置颜色。

p {
  color: green;
  text-decoration: underline;
  text-decoration-color: #8f867c;
}

span {
  color: #8f867c;
}

<p>My underline is <span>#8f867c</span></p>