鏈接上的下劃線不加下劃線，帶鏈接

任何人都可以給我一隻手，試圖在不使用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

回答