CSS實現畫一條豎線


在開發中遇到一種需求:畫一條豎線。

橫線倒是很好畫,直接<hr/>就可以了。但是豎線沒有這么現成的標簽,囧囧囧~

在網上搜索了很多資料,莫衷一是,也沒有什么可信的結果。

1.原來這就是豎線

后來在系統學習廖雪峰老師的JavaScript教程的時候,無意中發現我要的效果就是這樣的:

迫不及待F12看看CSS:

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

2.多余的聯想

(1)系統學習下html、css、JavaScript是很有必要的。如果基礎不牢,就會走不必要的彎路。

(2)其實我們在office中也常常會用到盒子模型。比如在Word中對區域文字加底線,在Excel中對單元格設置邊線。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM