在网页设计中,经常会遇到需要为上下两个li元素添加竖线的情况,这时候我们可以使用css的伪元素和边框属性来实现这一效果。 首先,在ul元素上添加一个类名,比如“line”,用来指定需要添加竖线的ul,
<ul class="line">
<li>上面的内容</li>
<li>下面的内容</li>
</ul>
.line li:before {
content: ';
position: absolute;
top: 0;
left: -1px;
width: 1px;
height: 100%;
background-color: #000;
}
<br>
.line li:last-child:before {
display: none;
}
粉丝
0
关注
0
收藏
0