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 vote156 views1 answer
Override vuetify container width
CSS
1 vote149 views1 answer
Right-align in vbox
CSS
0 vote144 views2 answers
Systemd on wsl2
CSS
0 vote140 views1 answer
Sweet alert modal form
CSS
0 vote167 views2 answers
Deployer custom Options
CSS
25 votes158 views4 answers
Css inline hover
CSS
7 votes162 views1 answer
Show hand icon on hover javascript
CSS
8 votes141 views2 answers
Invert png color css
CSS
1 vote155 views1 answer
Class indicator css
CSS
7 votes181 views2 answers
Background color semi transparent
CSS