HTML更改 hr 元素的颜色

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

hr {
    color: #123455;
}

分割线

网友回答：

我认为您应该使用而不是，如果您打算更改标签生成的行的颜色。border-colorcolor<hr>

虽然，评论中已经指出，如果您更改线条的大小，边框仍将与您在样式中指定的宽度一样宽，并且线条将填充默认颜色（大多数情况下这不是所需的效果）。因此，在这种情况下，您似乎还需要指定（如@Ibu所建议的那样）。background-color

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

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

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

分割线

网友回答：

border-color适用于Chrome和Safari。
background-color在Firefox和Opera中工作。
color适用于IE7+。

分割线

网友回答：

我认为这可能很有用。这是简单的CSS选择器。

hr { background-color: red; height: 1px; border: 0; }

<hr>

模板简介：该模板名称为【HTML更改 hr 元素的颜色】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。