CSS实现画一条竖线

在开发中遇到一种需求：画一条竖线。

横线倒是很好画，直接<hr/>就可以了。但是竖线没有这么现成的标签，囧囧囧~

在网上搜索了很多资料，莫衷一是，也没有什么可信的结果。

1.原来这就是竖线

后来在系统学习廖雪峰老师的JavaScript教程的时候，无意中发现我要的效果就是这样的：

迫不及待F12看看CSS：

原来，直接border-right就可以了。

2.多余的联想

（1）系统学习下html、css、JavaScript是很有必要的。如果基础不牢，就会走不必要的弯路。

（2）其实我们在office中也常常会用到盒子模型。比如在Word中对区域文字加底线，在Excel中对单元格设置边线。