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

54 votes325 views8 answers
Media query
CSS
-1 vote357 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
2 votes303 views2 answers
Aspect ratio css
CSS
1 vote332 views1 answer
Difference between html and css
CSS
-1 vote300 views1 answer
Css display contents
CSS
0 vote280 views1 answer
How to give a background color strip in html and css
CSS
0 vote308 views1 answer
Css make background image repeat horizontal
CSS
0 vote299 views1 answer
How to save scss file
CSS
5 votes313 views1 answer
Safari only CSS hack
CSS
1 vote305 views1 answer
Overflow: scroll displaces the inline element
CSS