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

1 vote230 views1 answer
Scroll background still
CSS
0 vote179 views1 answer
How to remove text highlight on double click
CSS
2 votes231 views1 answer
Remove bullets from unordered list in css
CSS
150 votes262 views2 answers
How to link your css file to html
CSS
1 vote196 views1 answer
Style direction
CSS
0 vote212 views1 answer
P{ color: blue; font-size: 14px; }
CSS
0 vote209 views1 answer
Tint image with background color css
CSS
24 votes234 views4 answers
How to remove link blue color from a tag using css
CSS
3 votes236 views2 answers
Scss transition
CSS
4 votes324 views2 answers
Bootstrap icons sdn
CSS Bootstrap