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

Question

带有 hr 分隔符的网页

我有一个带有 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;
}

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