武林網(www.49028c.com)文章簡介：如何用CSS定義虛線？在CSS中定義虛線一般有兩種方法:一種是定義DIV的CSS樣式，另一種是通過hr的CSS樣式實現。

如何用CSS定義虛線？在CSS中定義虛線一般有兩種方法:一種是定義DIV的CSS樣式，另一種是通過hr的CSS樣式實現。

我們首先需要了解，關于線條的CSS的兩個樣式：
dotted : 　在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線
dashed : 　在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線

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

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]

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

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]

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