左边竖条
1、用border写左边竖条
html：
css:
div{
position:relative;
width:200px;
height:60px;
background:#ddd;
}
div{
border-left:5px solid deeppink;
}
2、用伪类写左边竖条
div::after{
content:"";
width:5px;
height:60px;
position:absolute;
top:0;
left:0;
background:deeppink;
}
3、用box-shadow写左边竖条
div{
box-shadow:inset 5px 0px 0 0 deeppink;
}
转载于:https://www.cnblogs.com/weiyunblogs/p/6646747.html
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！