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

6 votes210 views4 answers
Webkit-line-clamp browser support
CSS
-1 vote195 views1 answer
Scss npm import
CSS
17 votes205 views2 answers
Filter: alpha(opacity=0);
CSS
-1 vote238 views2 answers
Insert image by css
CSS
0 vote226 views2 answers
How to link css to html in visual studio code
CSS
18 votes200 views4 answers
Background color none
CSS
0 vote266 views1 answer
Style image so it crops
CSS
0 vote198 views1 answer
Tailwind simle navbar"
CSS
0 vote237 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
0 vote222 views1 answer
Css transparent input text box
CSS