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

7 votes266 views3 answers
Css all except last
CSS
16 votes288 views4 answers
Change background CSS
CSS
0 vote286 views1 answer
Elementor custom css for mobile
CSS
53 votes266 views6 answers
How to underline text in css
CSS
0 vote305 views1 answer
Oracle apex interactive report odd even
CSS
9 votes282 views2 answers
Css percent scale checkbox
CSS
0 vote308 views1 answer
Nokogiri xml diff
CSS
1 vote315 views1 answer
Position footer to stay at bottom of screen flexbox
CSS
27 votes276 views6 answers
Color gradient
CSS
0 vote285 views1 answer
How to draw rhombus in css
CSS