用CSS樣式畫橫線和豎線的方法


今天在做網頁的時候,需要用到CSS畫橫線,雖然比較簡單,但也出了一些小問題,拿來做個備忘。

方法一:用DIV,代碼如下:(推薦此方法)

    <div style="width:800px;height:1px;margin:0px auto;padding:0px;overflow:hidden;"></div>

 

    說明:上面代碼中的紅色部分overflow:hidden;很重要,如果不加這句的話,在IE6下高度將會被拉的很開。

方法二:用HR,代碼如下:

    <hr style="margin:0px;height:1px;border:0px;color:#D5D5D5;"/>

 

    但是用方法二HR的方法,在IE6下總是在高度方面,上面總是空了一點距離,找不到好的解決方法,不知有高手是否知道,請留言指教!

*************************************************************

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

直接border-right就可以了。

 

 

 

 

 

 

 

參考博客:

http://www.cnblogs.com/helloIT/p/5368746.html

http://jingyan.baidu.com/article/f79b7cb3a95e7c9144023ee7.html

 


免責聲明!

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



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