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 vote358 views1 answer
Border radius circle button
CSS
0 vote366 views1 answer
QAnon Won't believe who
CSS
0 vote350 views1 answer
Grid style form
CSS
0 vote304 views1 answer
What does it mean when we write width :100%?
CSS
35 votes351 views4 answers
Css nth element
CSS
0 vote341 views1 answer
Circular div css
CSS
2 votes324 views1 answer
How to apply hover through inline css
CSS
8 votes334 views1 answer
Center in the middle of the screen html css
CSS
2 votes327 views1 answer
Posicionar div centro da tela
CSS
0 vote338 views1 answer
Responsive font size with clamp
CSS