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 vote174 views1 answer
What css vmin
CSS
1 vote181 views1 answer
Css div on the bottom
CSS
47 votes184 views6 answers
Css blur
CSS
1 vote167 views1 answer
How to make my page fixed
CSS
1 vote166 views1 answer
Centering items in react css
CSS
3 votes178 views3 answers
Horizontal scroll
CSS
5 votes205 views1 answer
1 line darkmode css
CSS
6 votes165 views1 answer
Flex change order
CSS
0 vote185 views2 answers
Remove unused css styles
CSS
211 votes189 views10 answers
Css padding
CSS