Come creare un tag punteggiato <hr/>?

Question

Come posso creare una linea tratteggiata o qualsiasi tipo di linea hr (doppia, tratteggiata ecc.) Usando CSS?

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

oppure c'è qualche altro trucco?

Answer 1

Si potrebbe semplicemente <hr style="border-top: dotted 1px;" />. Questo dovrebbe funzionare

Answer 2

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

Answer 3

Il tag <hr> è solo un elemento di breve con un bordo:

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

Answer 4

si può fare:

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

Demo: http://jsfiddle.net/JMfC9/

Answer 5

si può fare:

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

Answer 6

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

Prova questo