css - CSS 属性边框颜色不起作用

Question

我对边框颜色有疑问。它没有用。我是 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-widthis0和border-styleisnone

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

#box {
    border:1px solid red
}

Answer 2

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

border-left: 1px;

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

Answer 3

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

我希望这有帮助！

Answer 4

您需要添加边框样式：

#box {
    border: 1px solid red;
}

Answer 5

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

Answer 6

您也可以对红色使用十六进制颜色代码，即#ff0000(RGB)。如果您想要纯红色，则 100% 红色、0% 绿色和 0% 蓝色。

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