如何使用颜色填充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 {
    height: 6px;
    background-color: black;
}