左边竖条的实现方法-8种

法一：border

法二：使用伪元素

div::after{
    content:"";
    width:5px;
    height:60px;
    position:absolute;
    top:0;
    left:0;
    background:deeppink;
}

法三：外 box-shadow

法四：内 box-shadow

…………

详情见链接：http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651551358&idx=1&sn=a92c4b9591bc7fe321b5f4e809ef82d7&chksm=8025a1bfb75228a9d4ed9f8a9bf530f45f18a0a7a512711f223986289aa332a4d3822b4f45db&scene=21#wechat_redirect

该作者其他关于CSS的文章：

http://www.jobbole.com/members/chokcoco/