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 vote240 views1 answer
Css animate background color change
CSS
1 vote248 views1 answer
Html list over three columns
CSS
13 votes244 views2 answers
Button edges rounded css
CSS
0 vote228 views1 answer
Carbon yesterday date
CSS
0 vote230 views1 answer
Css background image svg not showing
CSS
0 vote238 views1 answer
Materialize css icons
CSS
0 vote228 views1 answer
How to set border length in css without div
CSS
7 votes263 views2 answers
Input background color
CSS
34 votes224 views6 answers
Css linear gradient
CSS
4 votes227 views2 answers
Stop text from wrapping
CSS