CSS属性边框颜色不起作用

Question

我遇到了border-color的问题。它没用。我是css的新手，这里是小提琴。 http://jsfiddle.net/zeburrehman/aFzKy/151/

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

#box {
border-color: red;
}​

Answer 1

默认情况下，border-width为0，border-style为none

因此您需要将它们设置为border-width:1px和border-style:solid。您可以将所有边框属性合并为一个，如下所示：

#box {
    border:1px solid red
}

Answer 2

您需要添加边框样式：

#box {
    border: 1px solid red;
}

Answer 3

试试这个： 边框：5px纯红色;

Answer 4

我遇到了一个问题，border-color似乎没有得到尊重，令人困惑的是它甚至在Chrome的样式检查器中显示了正确的颜色（可能是Chrome错误）。对我来说关键是如果指定了速记边框样式，它会设置边框样式的所有三个方面，无论它们是否包含在内：

border-left: 1px;

实际上会覆盖border-left-style和border-left-color属性，即使它们未被包含在内。例如，这可以导致重写继承的样式并且看起来不起作用。

Answer 5

#box{
    border:3px solid #aacfac;
    }

我希望这会有所帮助！

Answer 6

您也可以将十六进制颜色代码用于红色，即#ff0000（RGB）。如果要纯红色，则100％红色，0％绿色和0％蓝色。

#box {
   border: 2px solid #ff0000;
}