2.<div>来构造，我们知道border是边界的意思，很多时候我们用它设置一些边边框的什么，这里我们就用到了它，看看代码（还是在a和b之间插一个横线）：
<head></head>
<div>a</div>
<div style="border:1px solid #CCC"></div>
<div>b</div>
</body>
</html>
效果图：
稍微科普一下，1px代表那个线有多宽的，越大越宽，solid代表它是一个实线，这里还有很多属性如dashed(虚线)，groove(凹槽型效果，具体请看Border HTML，当然#CCC就是颜色了。
3.还是<div>来构造，只不过用border-bottom，为什么这么用呢，我们经常用到的横线其实我想就是一个div下面一个属性罢了，而不是单独的一个属性，所以代码有所改变，如下：
<head></head>
<div style="border-bottom:1px solid #CCC">a</div>
<div>b</div>
</body>
</html>
怎么画一条横线？我想到的有三种方法，但是各自样式不一，所以大家按需求来哦。 1.<hr />标签，对的，这个标签就代表一条横线，样式大概是这样的，如图（a与b之间哦）： <html><head></head><body><div&g...
近日在画一个界面的时候，遇到一个需求：在界面当
中画
一条
竖线，且
这条
竖线在高度上需要自动占满整个父div(即
这条
竖线的高度和两个div
中
较高的一个等高)。
往常我们画
一条
横线
直接用标签即可，当画
一条
竖线的时候发现找不到标签。在网上查找了一下资料，大致推荐用js来做。小弟比较偏执想用纯
css
来做，最终找到了解决方法，下面我就来分享一下我的做法。
在两个子div
中
加多一个div，并设置左（右）边框为可见，并且利用利用padding-bottom|margin-bottom正负值相抵消的原理。例如设置 padding-bottom:1600px; margin-bottom:-
