2

谁能帮我尝试在不使用该border-bottom: 1px #fff;技术的情况下在链接下添加不同颜色的线（到文本）？

目前，当我使用这种技术时，它也会在任何带有链接的图形下放置一条线。

4

4 回答 4

1

检查这个：

风格 ：

article {
      text-decoration: underline;
      color: green;
}
span.red_text {
      color:red;
}

html:

<article>      
    <span class="red_text">The text color is red!</span>      
</article>

演示

于 2013-10-23T10:19:39.543 回答
0

你告诉过你不想使用border-bottom: 1px #fff;

所以请你可以使用box-shadow inset和设置值

box-shadow: 0px -1px 0px red inset;
于 2013-10-23T09:59:44.990 回答
0

这可以帮助你。使用 css，您可以自定义链接的下划线
http://alistapart.com/article/customunderlines

于 2013-10-23T09:56:24.523 回答
-3

如果您在任何带有链接的图形下找到一条线，您是否给出了类似的样式 a {border-bottom: 1px #fff;}？而是创建一个类并将其仅应用于需要自定义下划线的链接，例如，

.customUnderline {border-bottom: 1px #fff solid;}

<a class="customUnderline">Your link</a>
于 2013-10-23T10:01:03.900 回答