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

0 vote96 views1 answer
à quoi sert clearfix
CSS
0 vote65 views1 answer
Scss add class to body
CSS
0 vote130 views1 answer
Wordpress smooth scroll to anchor
CSS
3 votes105 views2 answers
How to align form buttons right
CSS
1 vote102 views1 answer
Scroll bottom css
CSS
0 vote97 views1 answer
Css make ul on multiple lines
CSS
0 vote103 views1 answer
Remove the dotted border on links
CSS
0 vote101 views1 answer
Jquery if css property is
CSS
145 votes171 views10 answers
Grepper
CSS
0 vote108 views1 answer
Css highlight element
CSS