How to draw a dotted line with css?

html css

Kaveh · Nov 17, 2009 · Viewed 315.9k times · Source

How can I draw a dotted line with CSS?

Answer

For example:

hr {
  border:none;
  border-top:1px dotted #f00;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:50%;
}