如何用颜色填充 CSS 中的 <hr> 分隔符？ [复制]

Question

webpage with hr divider

我有一个带有 hr 分隔符的网页，并尝试在我的 CSS 文件中为其添加颜色，但似乎没有任何修改起作用。有人可以帮忙吗。

这是我的 CSS 文件代码：

body {
background: linear-gradient(black,white);
text-align:center;
}
#main {
    width: 1000;
    height: 600px;
    background: linear-gradient(gold, white);
    margin: 25px auto;
    border: solid 4px #FFFFFF;



}
h1 {

    text-align: center;
    font-family:"Times New Roman";
    font-size: 40pt;
    color: black;



}
hr{

    height: 6px;
    color: black;
}

Answer 1

您必须使用background-color 来填写 HR。

hr {
    height: 6px;
    background-color: black;
    border: 0;
}

更新：感谢 Roko C. Buljan 评论，添加了 border: 0;。