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 vote131 views1 answer
Html align text anchor
CSS
8 votes127 views3 answers
Text break css
CSS
2 votes129 views3 answers
Css remove
CSS
0 vote133 views1 answer
Initialize toast
CSS
0 vote86 views1 answer
Img grows up onmouseover css
CSS
4 votes141 views3 answers
Mobile tablet desktop media queries
CSS
11 votes100 views3 answers
Round button css
CSS
0 vote134 views1 answer
Long text coming out of the block
CSS
0 vote124 views1 answer
Mouse hold css effect
CSS
9 votes122 views1 answer
Html static background
CSS