如果定義一條水平的虛線(xiàn)呢?
我們首先需要了解,關(guān)于線(xiàn)條的CSS的兩個(gè)樣式:
dotted : 在MAC平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為點(diǎn)線(xiàn)。否則為實(shí)線(xiàn)
dashed : 在MAC平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為虛線(xiàn)。否則為實(shí)線(xiàn)
水平線(xiàn)條,我們可以用hr來(lái)實(shí)現(xiàn),也可以定義一個(gè)div,將它的高度設(shè)為1px或其它你想要的高度。
CSS定義一條水平虛線(xiàn)hr的方法:
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
CSS定義一條水平虛線(xiàn)div的方法:
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
需要你注意hr方法中CSS的定義:hr {border:1px #cccccc dotted;} 用了dotted屬性。在div的方法中用了dashed屬性。從表面上講,兩者沒(méi)有明顯的區(qū)別。但在不同的瀏覽器環(huán)境下,可能會(huì)存在一些差異。但這些都無(wú)關(guān)緊要了,因?yàn)榇蠖鄶?shù)人看到的是一樣的效果。虛線(xiàn)。
]]>