8.7 竖直线

看到这个页面首先想到的是五个DIV中包含着UL,LI,把前四个DIV的右边框设置为 border：4px solid;这样虽然可以完成但竖直线的长度受到DIV的限制，调整样式很不方便，于是又找一种方法来实现竖直线

.footer-xsider{
    margin-top: 20px;
    margin-left:50px ;
    border-right:3px solid;
    height:120px ;
    color: gray;
}

<div class="footer-xsider ">    </div>

通过margin-top与margin-left来调整竖直线的方位，height 来调整长度，灵活性更高。