CSS如何定義一條水平虛線?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
假如定義一條水平的虛線呢?
我們首先需要了解,關(guān)于線條的CSS的兩個樣式:
dotted : 在MAC平臺上IE4 與WINDOWS和UNIX平臺上IE5.5 為點線。否則為實線
dashed : 在MAC平臺上IE4 與WINDOWS和UNIX平臺上IE5.5 為虛線。否則為實線
水平線條,我們可以用hr來實現(xiàn),也可以定義一個div,將它的高度設為1px或其它你想要的高度。
CSS定義一條水平虛線hr的方法:
代碼調(diào)試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
CSS定義一條水平虛線div的方法:
代碼調(diào)試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
需要你注重hr方法中CSS的定義:hr {border:1px #cccccc dotted;} 用了dotted屬性。在div的方法中用了dashed屬性。從表面上講,兩者沒有明顯的區(qū)別。但在不同的瀏覽器環(huán)境下,可能會存在一些差異。但這些都無關(guān)緊要了,因為大多數(shù)人看到的是一樣的效果。虛線。:)
相關(guān)Div+CSS教程:
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-CSS如何定義一條水平虛線?。