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

0 vote207 views1 answer
Glass div generator
CSS
1 vote204 views1 answer
Insert background image css error
CSS
22 votes223 views2 answers
React bootstrap carousal not working
CSS Bootstrap
34 votes220 views1 answer
Css middle and center align div
CSS
0 vote207 views1 answer
Wrap text around circle image css
CSS
0 vote227 views1 answer
Fonts from google fonts do not work
CSS
3 votes204 views1 answer
Hcss change highlight color
CSS
1 vote221 views1 answer
About us page template html css codepen
CSS
33 votes204 views6 answers
Background image opacity css
CSS
1 vote205 views1 answer
Why is my css code not working
CSS