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

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

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

1.原来这就是竖线

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

CSS实现画一条竖线-LMLPHP

迫不及待F12看看CSS:

CSS实现画一条竖线-LMLPHP

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

2.多余的联想

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

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

05-08 15:49