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

17 votes133 views2 answers
Rgb green
CSS
70 votes134 views4 answers
Css remove scrollbars
CSS
0 vote106 views1 answer
Css margin top responsive
CSS
0 vote174 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
3 votes138 views1 answer
Svg stroke color
CSS
0 vote123 views1 answer
Move div down css
CSS
12 votes131 views6 answers
Wordpress enqueue script
CSS
0 vote119 views1 answer
Template html css bootstrap cdn
CSS
1 vote127 views2 answers
Css let div be last
CSS
1 vote120 views1 answer
Align centre
CSS