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
hr {
border-top:1px dotted #000;
/*Rest of stuff here*/
}
You can do:
<hr style="border-bottom: dotted 1px #000" />
Source: Stackoverflow.com