好吧，我是新的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";

只有带颜色的border-top才能使线条有不同的颜色。

人力资源{ Border-top: 1px实心#ccc; ｝ <人力资源>

我喜欢设置边界顶部的答案，但他们不知何故仍然有点离开Chrome… 但是如果我设置border-top: 1px纯黑色;And border-bottom: 0px;我最终得到了一条真正的单线(这也适用于更高的厚度)。

你可以使用CSS来创建一条不同颜色的线，示例如下:

border-left: 1px solid rgb(216, 216, 216);
border-right: medium none;
border-width: medium medium medium 2px;
border-style: none none none solid;
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgb(216, 216, 216);

该代码将显示垂直的灰线。

它很简单，也是我的最爱。

<hr style="background-color: #dd3333" />

我两边都打了个赌:

hr {
  border-top: 1px solid purple;
  border-color: purple;
  background-color: purple;
  color: purple;
}