DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS實例教程:CSS制作虛線的2種方法
CSS實例教程:CSS制作虛線的2種方法
編輯:CSS進階教程     

網頁制作Poluoluo文章簡介:如何用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屬性。從表面上講,兩者沒有明顯的區別。但在不同的浏覽器環境下,可能會存在一些差異。但這些都無關緊要了,因為大多數人看到的是一樣的效果。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved