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

76 votes338 views6 answers
Display flex css
CSS
1 vote318 views2 answers
Css scroll y showing scroll bar
CSS
19 votes261 views2 answers
Add font to react
CSS
44 votes315 views6 answers
How to center a div element
CSS
85 votes317 views5 answers
Justify content css
CSS
14 votes336 views4 answers
Css first of type
CSS
-1 vote297 views1 answer
Css background image not showing vscode
CSS
35 votes322 views4 answers
Css nth element
CSS
0 vote256 views1 answer
Responsive slider with text animation codepen
CSS
0 vote329 views1 answer
Decroation of title using css
CSS