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

-1 vote155 views2 answers
Trasition opacity
CSS
0 vote139 views1 answer
100 bytes of css
CSS
0 vote159 views1 answer
Look and Feel
CSS
0 vote126 views1 answer
Twig date modify
CSS
0 vote119 views1 answer
Css centrar imagen
CSS
4 votes142 views1 answer
Ionic mobile always dark theme in web
CSS
3 votes123 views2 answers
Css text color border
CSS
0 vote140 views1 answer
When grepper whas created
CSS
3 votes136 views2 answers
Set css to default
CSS
0 vote135 views1 answer
Putting picture shaddow in css
CSS