法一：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/