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 vote324 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
0 vote381 views1 answer
Css notes
CSS
0 vote306 views1 answer
Add textcontent on hover
CSS
0 vote338 views1 answer
React wrapper component
CSS
0 vote324 views1 answer
Css for chrome only
CSS
0 vote294 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
0 vote322 views1 answer
Font helvetica css
CSS
0 vote318 views2 answers
Use font awesome as content in css
CSS
0 vote318 views1 answer
Scss variables mixins
CSS
0 vote310 views1 answer
Affect top div opacity without affecting childrne
CSS