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 vote267 views1 answer
Position absolute center with transform
CSS
0 vote259 views1 answer
Scroll x css
CSS
8 votes273 views2 answers
Css image size adjust
CSS
0 vote261 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
19 votes220 views2 answers
Add font to react
CSS
0 vote271 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
0 vote280 views1 answer
Ausgewählter text farbe ändern css
CSS
12 votes321 views2 answers
How to center element in bulma
CSS Bulma
5 votes267 views2 answers
Css make input unselectable
CSS
11 votes236 views3 answers
Round button css
CSS