[html] How to create a dotted <hr/> tag?

How can I create a dotted or any type of hr line (double, dashed etc.) using CSS?

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

or is there any other trick?

This question is related to html css

The answer is


The <hr> tag is just a short element with a border:

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

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

Try this


You can do:

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

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


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

You can do:

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