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