你应该设置border-width为0;它在火狐和Chrome浏览器上运行良好。

人力资源{ 明确:; 颜色:红色; 背景颜色:红色; 身高:1 px; 边框宽度:0; ｝ <人力资源/ > 这是一个测试 <人力资源/ >

border-color适用于Chrome和Safari浏览器。 background-color适用于Firefox和Opera。 颜色工作在IE7+。

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

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

有些浏览器使用color属性，有些使用background-color属性。为了安全起见:

hr {
  color: #color;
  background-color: #color;
}

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

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

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