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

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?


Solution 1:

You could just have <hr style="border-top: dotted 1px;" /> . That should work.

Solution 2:

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