如何創建一個帶點的<hr/>標記？

Question

如何使用CSS創建虛線或任何類型的hr線（雙線，虛線等）？

<hr style="...what should I write?..." /> 

還是有什麼其他的把戲嗎？

Answer 1

您可以只有<hr style="border-top: dotted 1px;" />。這應該工作。

Answer 2

hr { 
    border-top:1px dotted #000; 
    /*Rest of stuff here*/ 
} 

Answer 3

的<hr>標籤只是一個邊境短路元件：

<hr style="border-style: dotted;" /> 

Answer 4

你可以這樣做：

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

演示：http://jsfiddle.net/JMfC9/

Answer 5

你可以這樣做：

<hr style="border-bottom: dotted 1px #000" /> 

Answer 6

hr { 
    border: 1px dotted #ff0000; 
    border-style: none none dotted; 
    color: #fff; 
    background-color: #fff; 
} 

試試這個