你可以这样做:

人力资源{ 边框:1px纯红色; ｝ <人力资源/ > 这是个测试 <人力资源/ >

代码适用于旧的IE 尝试了很多颜色 <人力资源颜色=“黑色”> <人力资源颜色= "蓝色" >

好吧，我是新的HTML, CSS和Java，但我尝试了我的方式，这对我在所有浏览器。我使用JS而不是CSS，它不适用于一些浏览器。

首先，我给HR元素赋予id="myHR"，并在Java Script中使用。 以下是守则。

x = document.getElementById("myHR");
y = x.style.width = "600px";
y = x.style.color = "white";
y = x.style.height = "2px";
y = x.style.border = "none";
y = x.style.backgroundColor = "lightgrey";

在Firefox, Opera, Internet Explorer, Chrome和Safari中测试。

hr {
    border-top: 1px solid red;
}

看小提琴。

使用字体颜色修改水平规则使它们更加灵活和易于使用。

color属性在默认情况下是不继承的，因此需要将以下属性添加到hr's中以允许颜色继承:

/*允许hr继承颜色*/ Hr{边框:1px solid;} /*可重复使用的颜色修饰符*/ .fc_-alpha{颜色:深红色;} 正常的人力资源: <人力资源> Hr与<span class="fc_-alpha">颜色修饰符</span>: <人力资源类= " fc_-alpha " >

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

尽管如此，评论中已经指出，如果你改变了线条的大小，边框仍然会和你在样式中指定的一样宽，并且线条将被默认的颜色填充(这在大多数情况下不是理想的效果)。所以在这种情况下，你似乎还需要指定background-color(就像@Ibu在他的回答中建议的那样)。

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

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

SitePoint最近发表了一篇名为“12个鲜为人知的CSS事实”的文章，提到<hr>可以将它的border-color设置为它的父颜色，如果你指定了hr {border-color: inherit}。