Html 如何填写<；人力资源>；CSS中有颜色的分隔符？

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

---

您必须使用

背景色

填充HR

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

---

更新：添加了

边框：0感谢Roko C.Buljan的评论。
您必须使用
背景色来填充人力资源

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

更新：添加了
边框：0感谢Roko C.Buljan的评论。
非常感谢！这成功了！如果我记得清楚的话，还有一个
边框：0
对所有浏览器都有用谢谢，但为什么呢？+1对答案投赞成票，+1对@RokoC.Buljan的评论投赞成票-我发现这两种方法在我的案例中都有效。Trey_32:the
border:0
删除了
的默认3D外观/凸起外观，并使其成为一个漂亮的平面条，用作迷你分隔条，在2018+的样式设计方面似乎非常流行（BBC网站和其他网站）非常感谢！这成功了！如果我记得清楚的话，还有一个
边框：0
对所有浏览器都有用谢谢，但为什么呢？+1对答案投赞成票，+1对@RokoC.Buljan的评论投赞成票-我发现这两种方法在我的案例中都有效。Trey_32:the
border:0
删除了
的默认3D外观/凸起外观，并将其制作成一个漂亮的平面条，用作迷你分隔条，在2018+的样式设计方面似乎非常流行（BBC网站和其他网站）