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 vote138 views1 answer
Black filter css
CSS
0 vote143 views2 answers
Popular class name layouts
CSS
0 vote146 views3 answers
Sphinx css templates
CSS
2 votes135 views1 answer
Minimum margin css
CSS
0 vote165 views1 answer
React right burger scrol bar
CSS
13 votes156 views1 answer
Rgb gold
CSS
3 votes165 views3 answers
Hide scroll bar when not needed
CSS
0 vote155 views1 answer
Target button of fileinput css
CSS
1 vote179 views1 answer
How to remove markers in css
CSS
0 vote161 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS