CSS屬性邊框顏色不工作

我有邊框顏色的問題。它沒有工作。我是新來的css這裏是小提琴。 http://jsfiddle.net/zeburrehman/aFzKy/151/CSS屬性邊框顏色不工作

<div id="box"> 
Hello! The color of box border should be red!! 
</div> 

#box { 
border-color: red; 
}

您需要添加邊框的「width」和「style」。 – Vucko

默認情況下，border-width是0和border-style是none

因此，你需要將它們設置爲border-width:1px和border-style:solid。您可以將所有的邊框屬性組合成一個如下圖所示：

#box { 
    border:1px solid red 
}

2013-01-04 11:53:31 Ashwin

請檢查....這是更新的小提琴。我單獨設置款式和尺寸，但它給我黑色，因爲我想要紅色。 http://jsfiddle.net/zeburrehman/aFzKy/152/ –

從你的小提琴中刪除'border：1px'。這裏更新 - http://jsfiddle.net/aFzKy/153/ – Ashwin

非常感謝。那確實有效...... –

您需要添加邊框的樣式：

#box { 
    border: 1px solid red; 
}

2013-01-04 11:53:19 RJo

試試這個：邊界：5px的純紅色;

2013-01-04 11:54:43 Tanky

請檢查這個鏈接。我只想用邊框顏色.. http://jsfiddle.net/zeburrehman/aFzKy/152/ –

一個非常古老的問題，但如果有人面臨這個問題可能會有所幫助。解決方法是：將boder-color屬性移動到最後。 https://jsfiddle.net/zeburrehman/aFzKy/152/ – Eduardo

我有一個問題，看起來border-color沒有被尊重，令人困惑的是，它甚至在Chrome瀏覽器中的樣式檢查器中顯示出正確的顏色（可能是一個Chrome錯誤）。對我來說，關鍵的一點是，如果指定的速記邊框樣式，它設置的邊框樣式的所有三個方面，無論是否包括他們的或不那麼：

border-left: 1px;

實際上覆蓋兩個border-left-style和border-left-color性質即使它們不包括在內。這可以例如導致繼承的樣式被覆蓋並且看起來不工作。

2018-02-14 14:00:04 Shaun

回答