css 竖水平线 |mui css下载

hr {
height: 1px;
border: none;
border-top: 1px solid black;
}

代码中，大家定义了一个名为hr的CSS选择器，它表示水平线。其中，height属性用于设置水平线的高度，这里设置为1像素；border属性用于设置水平线的边框，这里设置为none；border-top属性用于设置水平线的上边框，这里设置为1像素的实线，颜色为黑色。

在使用水平线时，可以直接在HTML文件中使用hr标签，也可以在CSS中使用:before或:after伪元素来创建水平线。例如：

.line:before {
content: "";
display: block;
width: 1px;
height: 100%;
background-color: black;
margin-right: 10px;
}

代码中，大家定义了一个名为line的CSS选择器。通过:before伪元素，大家创建了一个内容为空的块级元素，该元素的高度设置为100%，宽度为1像素，背景色为黑色，即创建了一条竖直的水平线。同时，大家还通过margin-right属性为水平线添加了一些右侧的间距。