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 vote128 views1 answer
Css unlock scroll
CSS
0 vote131 views1 answer
Repeating-linear-gradient
CSS
11 votes144 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
0 vote154 views1 answer
Css regions
CSS
0 vote136 views1 answer
Backface-visibility sass
CSS
6 votes148 views3 answers
Vw css
CSS
14 votes141 views4 answers
Css first of type
CSS
0 vote156 views1 answer
How to make text transparent with stroke in css
CSS
1 vote107 views1 answer
Html css bilder nebeneinander
CSS
1 vote164 views1 answer
Circle background image css
CSS