Question

HTML页面间隔竖线小问题

HTML页面间隔竖线小问题如何在两个div块间添加这么一条竖线，上接HR横线，下接HR横线

Answer 1

我认为主要问题 是<hr> 的margin 你改为0
然后将div1右边框或者div2左边框设置为 1px solid #000 即可。

追问

如果margin改成0，hr的横线就贴在div1的框上了，我想hr的横线有一点距离的前提下，然后竖线连接

追答

这样的话
在hr外 ，加一个div，并设置背景，背景为1个像素的黑点。background(url:dotted.jpg center 0px repeat-y ) 。

或者沿用修改hr margin的方案，然后在现有div1和div2外再加一层div3，和div4，用div3,4的padding来达到现有div1,2与hr间隔的效果