html裏添加虛線

html裏添加虛線

---

<hr style="border:1px dashed #000; height:1px">

---

<hr style="border:1px dotted #036" />

---

<hr style="border : 1px dashed blue;" />

( J; B8 E( E! w7 C

---

<hr style="border: 1px solid #ff0000"/>

8 }* {# h# f7 ]3 K1 c

---

<hr style="border:1px dashed #0000fff"/>

9 c% Y" k0 S& G N

---

1 H1 @5 {% u" v$ D

<hr style="border:3px dotted #000 "/>

3 Y N7 I+ {7 v2 _! T* E1 W

---

<hr style="border:2px double #e8e8e8"/>

9 ~+ k5 b6 Y* h* S
border : border-width || border-style || border-color
取值：
該屬性是複合屬性。請參閱各參數對應的屬性。
默認值爲： medium none 。 border-color 的默認值將採用文本顏色。

說明：
設置對象的邊框樣式。
當你指定了邊框顏色( border-color )和邊框寬度( border-width )時，你必須同時指定邊框樣式( border-style )，不然邊框不會被呈現。
如使用該複合屬性定義其單個參數，則其餘參數的默認值將無條件覆蓋各自對應的單個屬性設置。
例如：設置 border : thin 等於設置 border : thin none ，而 border-color 的默認值將採用文本顏色。所以此前的任何 border-color 和 border-width 設置都會被清除。
在 IE5.5+ 中，邊框屬性能夠直接應用於內聯要素。而在此前的版本中，內聯要素要使用該屬性，必須先設定對象的 height 或 width 屬性，或者設定 position 屬性爲 absolute ，或者設定 display 屬性爲 block 。
對應的腳本特性爲 border 。

border-bottom-style版本：CSS2　 兼容性：IE4+ NS6+　繼承性：無
語法：
border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
取值：
none :　 默認值。無邊框。不受任何指定的 border-width 值影響
hidden :　 隱藏邊框。IE不支持
dotted :　在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+爲點線。不然爲實線
dashed :　在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+爲虛線。不然爲實線
solid :　 實線邊框
double :　 雙線邊框。兩條單線與其間隔的和等於指定的 border-width 值
groove :　 根據 border-color 的值畫3D凹槽
ridge :　 根據 border-color 的值畫菱形邊框
inset :　 根據 border-color 的值畫3D凹邊
outset :　 根據 border-color 的值畫3D凸邊

說明：
設置對象下邊框的樣式。
此屬性對於 currentStyle 對象而言是隻讀的。對於其餘對象而言是可讀寫的。
在 IE5.5+ 中，邊框屬性能夠直接應用於內聯要素。而在此前的版本中，內聯要素要使用該屬性，必須先設定對象的 height 或 width 屬性，或者設定 position 屬性爲 absolute ，或者設定 display 屬性爲 block 。
若是 border-bottom-width 設置爲 0 ，本屬性將失去做用。
對應的腳本特性爲 borderBottomStyle 。