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

4 votes239 views5 answers
Bootstrap img src
CSS
1 vote251 views1 answer
Image grascale css
CSS
13 votes295 views6 answers
Tailwind center vertically
CSS
0 vote241 views1 answer
Ignore br css
CSS
0 vote263 views1 answer
Aos makes screen unresponsive
CSS
-2 votes266 views1 answer
Difference between numpy array and matrix
CSS
0 vote233 views1 answer
Schatten css
CSS
0 vote239 views1 answer
Css change width animation
CSS
0 vote254 views1 answer
Next day 2pm delivery countdown timer script
CSS
0 vote258 views1 answer
@font-face multiple font weights
CSS