在开发中遇到一种需求:画一条竖线。
横线倒是很好画,直接<hr/>就可以了。但是竖线没有这么现成的标签,囧囧囧~
在网上搜索了很多资料,莫衷一是,也没有什么可信的结果。
1.原来这就是竖线
后来在系统学习廖雪峰老师的JavaScript教程的时候,无意中发现我要的效果就是这样的:
迫不及待F12看看CSS:
原来,直接border-right就可以了。
2.多余的联想
(1)系统学习下html、css、JavaScript是很有必要的。如果基础不牢,就会走不必要的弯路。
(2)其实我们在office中也常常会用到盒子模型。比如在Word中对区域文字加底线,在Excel中对单元格设置边线。