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 vote346 views1 answer
Not checked css
CSS
1 vote448 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
0 vote352 views1 answer
Sub menu not showing horizontal css
CSS
0 vote359 views1 answer
Hide navbar css
CSS
0 vote396 views2 answers
Style message d'erreur css
CSS
0 vote361 views2 answers
How to center the table horizontally css
CSS
0 vote336 views1 answer
Css svg width 100%
CSS
2 votes350 views1 answer
Vertically center an svg
CSS
0 vote376 views1 answer
Css 4 modal
CSS
0 vote413 views1 answer
Bootstrap accordion some change
CSS Bootstrap