实现侧边竖条的方法

 实现一下侧边竖条的方法：

 

方法一：border

这个应该是最最最容易想到的了

.box{

border-left:1px solid #000;

}

方法二：使用伪元素

一个标签，算上 before 与 after 伪元素，其实算是有三个标签，这也是很多单标签作图的基础，本题中，使用伪元素可以轻易完成。

.box:after{

content:"";

display:block;

width:5px;

height:100%;

position:absolute;

top:0;left:0;

background:#000;

}

方法三：box-shadow

盒阴影还有一个参数 inset ，用于设置内阴影，也可以完成：

.box{

box-shadow:inset 5px 0px 0 0 #000;

} 

未完（待续），欢迎补充