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

1 vote213 views2 answers
Import google fonts into react
CSS
6 votes242 views3 answers
Position absolute horizontally center
CSS
0 vote223 views1 answer
Mac input shadow
CSS
0 vote224 views1 answer
Css ios media query
CSS
0 vote207 views1 answer
Border-radius cross browser
CSS
2 votes213 views2 answers
Why is my css not working
CSS
9 votes202 views4 answers
Css size button
CSS
0 vote212 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
59 votes216 views4 answers
Rgb blue color code
CSS
-1 vote211 views1 answer
Input focus css default
CSS