【html问题】在网页中添加垂直分割线

    html中添加水平分割线的方法非常简单，就是使用<hr>标签，但是却没有简单的添加垂直分割线的方法，我在学习的这段时间，自己琢磨了一些添加垂直分割线的方法。

1.在文本中直接使用符号"|"。

优点：简单方便。

缺点：不能调整长度，宽度等参数。

总结：在制作导航栏时用来做分隔是一个不错的选择，效果如下

2.插入图片作为分割线。

优点：可以随意选择不同颜色，不同类型的分割线。

缺点：在调整图片大小，尤其是宽度时，边缘会出现一定的锯齿的情况（如图），而且，要调整图片的颜色还要换成其他的图片，不利于后期的调整。

总结：除非没有其他的方法，否则我是不会用这个方法的，使用起来毛病太多

3.定义一个div盒子，宽度设为1px，长度根据需要调整，颜色由background-color定义。

优点：调整方便，尤其当同一类的分割线使用了相同的css样式，可以对同一类进行调整，效率会很高，而且放大不会出现第二个方法中边缘锯齿的情况。

缺点：定义麻烦，样式单一，可能是我琢磨的还不够吧，当我想添加一个虚线的垂直分割线，这个思路的方法还没有想出来，这时候，我只能通过添加图片的方法加入虚线的垂直分割线

总结：当分割线需要的地方很多而且样式基本一致的时候通常用这种方法，但涉及到特殊的分割线，如虚线，半虚线等其他特殊的线，就需要添加图片来解决了