css只显示左边线 |css表格边框单

/* 定义一个类名 */
.left-line {
border-left: 2px solid #000;
border-top: none;
border-right: none;
border-bottom: none;
}

上述代码中，大家为该类添加了一个左边框，而其他三个边框则都设置为了none。这样就只会显示左侧的边线了。

接下来，大家可以将该类应用于元素中：

偶只有左边线

这样，该元素就只会显示左边线，而其他三条边线则被隐藏了。

实际上，大家也可以通过为元素添加伪元素来达到相同的效果。代码如下：

/* 定义一个类名 */
.left-line::before {
content: "";
display: block;
height: 100%;
width: 2px;
background-color: #000;
position: absolute;
left: 0;
top: 0;
}

通过给元素添加一个伪元素，大家可以在元素左侧创建一个宽度为2px的竖线，达到只显示左边线的效果。

无论您选择哪种方法，只需要简单的CSS代码就能够实现只显示元素左边线的效果。希望这篇文章能够对您有所帮助。