如何使用HTML制作一条垂直线?


当前回答

在你想要应用竖行的Previous元素中,你可以设置CSS…

border-right-width: thin;
border-right-color: black;
border-right-style: solid;

其他回答

水平线有一个<hr>标签。它还可以与CSS一起使用来制作水平线:

.divider { margin-left: 5 px; margin-right: 5 px; 身高:100 px; 宽度:1 px; 背景颜色:红色; } <人力资源类= >“分隔”

width属性决定了线条的粗细。height属性决定了线条的长度。background-color属性决定了线条的颜色。

另一种选择是使用1像素的图像,并设置高度-这个选项将允许您将其浮动到您需要的位置。

但这不是最优雅的解决方案。

我使用了建议的“hr”代码的组合,下面是我的代码:

<hr style="width:0.5px; height:500px; position: absolute; left: 315px;"/>

我只是改变了“左”像素值的值来定位它。(我用竖线来排列网页上的内容,然后我删除了它。)

要使垂直线在中间居中使用:

position: absolute; 
left: 50%;

为什么不使用&#124,这是|的html特殊字符