html - 怎么改变厚度和颜色标签？

Question

我可以看到这已得到解答，但我已经尝试了所有解决方案，但 HR 仍然勉强可见。

我究竟做错了什么？

hr {
    background-color: dimgrey;
    color: dimgrey;
    border: solid 2px dimgrey;
    height: 5px;
    width: 1000px;
}

Answer 1

不确定您认为几乎不可见，但 5px 高度非常可见。:)

确保在其他可能覆盖此规则的 css 之后定义此 css。

或者，使用 !important 赋予此规则优先级：

hr {
    background-color: dimgrey !important;
    color: dimgrey !important;
    border: solid 2px dimgrey !important;
    height: 5px !important;
    width: 1000px !important;
}

另一种方法是为此样式定义一个自定义类：

.bigHr {
    background-color: dimgrey !important;
    color: dimgrey !important;
    border: solid 2px dimgrey !important;
    height: 5px !important;
    width: 1000px !important;
}

...然后在需要这种样式时使用该类：

<hr class="bigHr">