CSS属性边框颜色不工作(CSS Property Border-Color Not Working

我有边框颜色的问题。 它没有工作。 我是新来这里的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:

您可以使用红色的十六进制颜色代码为好，这是#ff0000 （RGB）。 100％红，0％Green和0％蓝，如果你想纯红颜色。

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

文章来源: CSS Property Border-Color Not Working