还有另一种最简单的方法，只需在标签本身上使用HTML属性，只需在声明'size'属性后添加'noshade'属性。

其中'size'反映了线条的粗细和'noshade'应用背景颜色的线跨越粗细

例如:

<hr size="10" noshade/>

我增加了线条的不透明度，所以它看起来更薄:

<hr style="opacity: 0.25">

高度属性在HTML 5中已弃用。我要做的是在hr周围创建一个边界 增加边框的厚度:hr style="border:solid 2px black;"

当我做厚的时候，我有一个问题，把颜色变成真正的黑色。 所以我把不透明度改为1，问题就解决了:

hr{
    height: 5px;
    background-color: black;
    opacity: 1;
}

下面是一个没有边界或边缘的1像素黑线的解决方案

hr {background-color:black; border:none; height:1px; margin:0px;}

在谷歌Chrome测试

我想我应该加上这个，因为其他答案不包括:margin:0px;。

演示

人力资源{背景颜色:黑色;边界:没有;身高:1 px;保证金:0 px;} < span style=" font - family:宋体;"text-align:中心;" > < div风格= " background: lightblue;">↑容器↑<br> <br> <br>↓hr↓</div> . <人力资源> < div风格= " background: lightgreen;“>↑hr↑<br> <br> <br>↓容器↓</div> . < / div >

还有另一种最简单的方法，只需在标签本身上使用HTML属性，只需在声明'size'属性后添加'noshade'属性。

其中'size'反映了线条的粗细和'noshade'应用背景颜色的线跨越粗细

例如:

<hr size="10" noshade/>