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

2 votes364 views1 answer
How to set height equal to dynamic width pure css
CSS
17 votes373 views5 answers
Sass react
CSS
60 votes351 views5 answers
Rotate div css
CSS
2 votes360 views2 answers
Test shadow css
CSS
0 vote345 views2 answers
Add transition to zoom button on hover
CSS
0 vote391 views1 answer
Nokogiri xml diff
CSS
-2 votes371 views1 answer
How to add after psuedo class in html
CSS
0 vote361 views2 answers
How to zoom picture on hover using css
CSS
0 vote364 views1 answer
Sass scale color
CSS
6 votes353 views2 answers
Remove outline of input css
CSS