链接上的下划线不加下划线，带链接

任何人都可以给我一只手，试图在不使用border-bottom: 1px #fff;技术的情况下在链接下添加不同的彩色线条（对文本）吗？链接上的下划线不加下划线，带链接

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

为什么不在图像链接中添加额外的类？ – Grumpy

要做的唯一方法是使用边框，并且您必须使用像'a {border-bottom：1px solid＃f00;}'这样的常规元素选择器，所以不要这样做，请使用'class'或'nested 'select selector –

你不能关闭图像链接的边框吗？一个img {border：0;} –

这可以帮助你。使用CSS，你可以自定义链接
http://alistapart.com/article/customunderlines

2013-10-23 09:56:24 doniyor

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

所以请您可以使用box-shadow inset并将其值设置

box-shadow: 0px -1px 0px red inset;

2013-10-23 09:59:44

-3

如果你得到一个线在任何带有链接的图形下，你是否给出了如下样式： a {border-bottom: 1px #fff;}？而是创建一个类，它适用于只在您需要自定义下划线像链接，

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

<a class="customUnderline">Your link</a>

2013-10-23 10:01:03 Asela

问题清楚地提到不要边框底部。所以这个答案没有帮助 –

提问者不想使用border-bottom技术，因为默认情况下，它也适用于图像。 –

检查：

风格：

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-23 10:19:39 super

回答