html中垂直线,如何在HTML中创建一条垂直线

您可以使用

与您希望显示的行完全相同的样式的空：

HTML：

精确的高度(在线覆盖样式)：

div.vertical-line{

width: 1px; /* Line width */

background-color: black; /* Line color */

height: 100%; /* Override in-line if you want specific height. */

float: left; /* Causes the line to float to left of content.

You can instead use position:absolute or display:inline-block

if this fits better with your design */

}

如果想要3D外观，请设置边框样式：

div.vertical-line{

width: 0px; /* Use only border style */

height: 100%;

float: left;

border: 1px inset; /* This is default border style for

---

tag */

}

您当然也可以尝试使用高级组合：

div.vertical-line{

width: 1px;

background-color: silver;

height: 100%;

float: left;

border: 2px ridge silver ;

border-radius: 2px;

}