我们在写前台页的时候一般会碰到需要实现两个快中间加一条竖线，这样会使得页面分布更加清晰，下面就来说一说我的分割线的实现方式，设置一个div并给他设置宽高，然后设置其边框的颜色和宽度。
竖向分割线：
<body>
<div style="width:200px;height:200px;background-color:#f0f0f0;float:left;"></div>
<div style="width:2px;height:200px;border-left:1px solid #ccc;float:left;margin-left:15px;"></div>
<div style="width:200px;height:200px;background-color:#ccc;float:left;margin-left:15px;"></div>
</body>效果图：
横向分割线:
<body>
<div style="width:200px;height:200px;background-color:#f0f0f0;"></div>
<div style="height:2px;width:200px;border-top:1px solid #ccc;float:left;margin-top:15px;"></div>
<div style="width:200px;height:200px;background-color:#ccc;margin-top:30px;"></div>
</body>效果图：
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
