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

2 votes378 views2 answers
Html how to split a div into two columns
CSS
0 vote362 views1 answer
Avatar change design html css
CSS
0 vote328 views2 answers
Wp query using the_post
CSS
38 votes347 views5 answers
Roboto
CSS
20 votes328 views6 answers
Remove bullets from ul
CSS
0 vote355 views1 answer
Svg image shadow css
CSS
1 vote347 views1 answer
Css selector not contains attribute
CSS
0 vote342 views1 answer
Css mauszeiger ändern
CSS
0 vote381 views1 answer
QAnon Won't believe who
CSS
24 votes359 views6 answers
Css filter
CSS