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

4 votes139 views1 answer
Grid mdn
CSS
1 vote172 views2 answers
Media max height css
CSS
39 votes167 views5 answers
Add drop shadow css
CSS
0 vote174 views2 answers
Ios sms css
CSS
0 vote174 views1 answer
Css animate svg circle radius
CSS
202 votes389 views6 answers
How to reference a css file in html
CSS
0 vote181 views1 answer
Hwo to reload css in flask
CSS
0 vote164 views1 answer
Css add required asterisk after
CSS
9 votes170 views1 answer
Howt to original image on background css
CSS
0 vote215 views1 answer
CSS style all div elements
CSS