好吧，我只想讓我的鏈接有一個邊框底部。鏈接風格不起作用

這是我的代碼：

<div class="intro">jfskdlq kflsdq jklfjsqd <a href="google.be" title="website" target="_blank">website</a></div><p>jqskdlfjklqsjklmqjfkdlksqlmlmdfsqlmqsdf</p> 

.intro { 
    line-height: 27px; 
    padding: 7px 16px 7px 16px; 
    margin-bottom: 6px; 
    letter-spacing: 2px; 
    background: #cfffef; 
    font-size: 11px; 
    font-family: 'OpenSansRegular'; 
    text-transform: uppercase; 
} 

.intro a, .intro a:visited { 
    color: #cccccc; 
    border-bottom: 1px #ffffff; 
}

然而，只有顏色：#CCCCCC節目，而不是底部邊框。我究竟做錯了什麼？

來源

2013-06-19 2339870

border-bottom: 1px #ffffff;

這不顯示任何東西，因爲border-style默認值是none。

因此，如果您真的想看到任何結果，您可能想要應用樣式。

下面是一個例子：

border-bottom: 1px solid #ffffff;

我使用solid爲例border-style，但它可能是任何從a range of styles。

查看更多about border-bottom速記here。

這裏的jsFiddle.

來源

2013-06-19 23:50:11 lifetimes

媽的，這是很愚蠢的我哈哈感謝。 – 2339870

你可能想的邊框樣式，（即實等）添加到您的下邊框規則。

來源

2013-06-19 23:51:00 nocturns2

text-decoration: underline怎麼樣？

使用border-bottom: 1px solid #fff; - >注意solid除了你的宣言，是一切正常，但當談到使文本（固定鏈接像你到了那裏）要使用下劃線。

邊框底部只適用於文本的外框。所以如果你有一段文字，只有文本的最後一行將被「邊框化」，而下劃線 - 會在所有文本上創建一個邊框。

代碼版本

.intro a, .intro a:visited { 
    color: #cccccc; 
    text-decoration: underline; 
}

來源

2013-06-20 00:12:57 ProfileTwist

鏈接風格不起作用

回答

代碼版本

相關問題