How to make a dotted hr in css

Dashed lin in css

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

Source: stackoverflow.com

How to make a dotted hr in css

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

Source: stackoverflow.com

How to create a dotted hr

/* you can put this line in your .css Change the width, 
border etc and colour to your liking*/

hr {
  width: 10%;
  border: 10px dotted;
  border-style: none none dotted;
  color: grey
}

Similar codes

6 votes224 views2 answers
Css how to prevent horizontal scrolling
CSS
1 vote217 views1 answer
Css display div horizontally
CSS
7 votes234 views2 answers
Background color semi transparent
CSS
9 votes214 views3 answers
How to add a background color in css
CSS
3 votes232 views1 answer
Css edit scroll bar
CSS
0 vote253 views1 answer
Add dots instead of line break in css
CSS
12 votes233 views3 answers
Css background image size fit screen
CSS
0 vote218 views1 answer
Backwards text css
CSS
0 vote259 views2 answers
Fluid typography
CSS
6 votes272 views2 answers
Blink css
CSS