改变hr元素的颜色
我想使用CSS更改我的hr标签的颜色。 我在下面尝试的代码似乎不起作用：
hr {
color: #123455;
}
如果你的目的是改变由<hr>标签产生的线的color ，我认为你应该使用border-color而不是color 。
虽然，在评论中指出，如果您更改线条的大小，边框的宽度仍然与样式中指定的一样宽，并且线条将填充为默认颜色（这不是所需的效果）时间）。 因此，在这种情况下，您似乎也需要指定background-color （正如@Ibu在他的回答中所建议的那样）。
其默认样式表中的HTML 5 Boilerplate项目指定了以下规则：
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
文章题为“12鲜为人知的CSS事实”，最近由SitePoint公布，提到<hr>可以设置它的border-color到其父的color ，如果你指定hr { border-color: inherit } 。
border-color可在Chrome和Safari中使用
background-color可在Firefox和Opera中使用
color在IE7 +中起作用
我认为这可能是有用的。 这是简单的CSS选择器。
hr { background-color: red; height: 1px; border: 0; }