CSS改变hr标签的颜色

Question

  

可能重复：
  CSS : change color of hr tag

如何更改hr标签的颜色？我查了一下，发现了这个，但它没有用......

hr{
    color:#CCC;
    background-color:#CCC;
}

有什么想法吗？

Answer 1

设置边框样式。

hr{
   border: 1px solid #ccc;
}

Answer 2

只需更改边框颜色即可。例如，此HTML生成一个红色的水平行。

<hr style="border: 1px solid #f00" />​

Answer 3

尝试更改其边框的颜色

Answer 4

添加自定义样式以在 crossbrowser 方式中显示水平规则的最佳方法可能是替换以下元素的边框顶部（或前一个边框的底部）

另一个解决方案是样式：在<hr>相邻/兄弟元素之一的psuedoelements之后或：之前

Answer 5

尝试使用：

<hr noshade="noshade" />

作为您的hr标记，然后使用与您相同的CSS。

编辑：

您也可以添加

border: 1px solid #CCC;

到您的CSS。