Dashed or Dotted Horizontal Rules (235 views)

[Zaxinou]

This is a short CSS snippet that makes your [HR] and <HR> dashed or dotted instead of a solid line. You can also choose the colour and thickness.

<style type="text/css">
<!--
hr, .hr{
background: none;
border: dashed #298297;
border-width: 1px 0 0 0;
height: 0;
width: 100%;
}
//-->
</style>

Just edit the red text for style, colour and thickness.