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 vote332 views1 answer
CSS blue bottom right Box shadow
CSS
1 vote365 views1 answer
Var minus scss
CSS
3 votes325 views3 answers
Css border-left
CSS
17 votes281 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
13 votes328 views6 answers
Hide title bar android
CSS
0 vote314 views2 answers
How to remove default look of button
CSS
0 vote329 views1 answer
Bootstarp 5
CSS
1 vote283 views1 answer
Python 'charmap' codec can't decode byte
CSS
1 vote355 views1 answer
Tzutc
CSS
8 votes336 views2 answers
Css image size adjust
CSS