左边竖条

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部