css一条黑横线

CSS 可以帮助我们实现各种不同的样式效果，其中一条常见的样式就是横线。那么，如何通过 CSS 实现一条水平的黑横线呢？

 hr {
        border: none;
        border-top: 1px solid #000;
    } 

如上代码，我们使用了 hr 元素，在 CSS 中设置了该元素的样式。其中，border 属性被设置为 none，这是因为默认情况下 hr 元素具有一条带样式的边框。接着，我们使用 border-top 属性，设置了该元素顶部的边框，其样式为 1 像素宽的实线，颜色为黑色。

这样，我们就通过 CSS 实现了一条黑色的水平横线。