小编典典

更改 hr 元素的颜色

all

我想hr使用 CSS 更改标签的颜色。我在下面尝试过的代码似乎不起作用:

hr {
    color: #123455;
}

阅读 134

收藏
2022-03-01

共1个答案

小编典典

如果您的意图是更改标签产生的线条的颜色,我认为您应该使用border-color而不是。color``<hr>

虽然,在评论中已经指出,如果您更改线条的大小,边框仍将与您在样式中指定的一样宽,并且线条将使用默认颜色填充(大多数情况下这不是预期的效果)时间)。因此,在这种情况下,您似乎还需要指定background- color(正如@Ibu 在他的回答中所建议的那样)。

HTML 5 Boilerplate
项目在其默认样式表中指定以下规则:

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; }

*SitePoint 最近发表
*的一篇
题​​为“12 个鲜为人知的 CSS 事实”的文章提到,如果您指定,<hr>可以将其设置border- color为其父级。color``hr { border-color: inherit }

2022-03-01