CSS如何定義一條水平虛線?

作者:佚名 來源:網絡 時間:2008-04-03 標簽:
如果定義一條水平的虛線呢?
  我們首先需要了解,關于線條的CSS的兩個樣式:
  dotted :  在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線
  dashed :  在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線

  水平線條,我們可以用hr來實現,也可以定義一個div,將它的高度設為1px或其它你想要的高度。
  CSS定義一條水平虛線hr的方法:


    [ 可先修改部分代碼 再運行查看效果 ]

  CSS定義一條水平虛線div的方法: 


    [ 可先修改部分代碼 再運行查看效果 ]

  需要你注意hr方法中CSS的定義:hr {border:1px #cccccc dotted;} 用了dotted屬性。在div的方法中用了dashed屬性。從表面上講,兩者沒有明顯的區別。但在不同的瀏覽器環境下,可能會存在一些差異。但這些都無關緊要了,因為大多數人看到的是一樣的效果。虛線。

相關文章:

推薦設計

最新文章