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 votes388 views1 answer
Input type file placeholder
CSS
2 votes365 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote344 views1 answer
Z index div over cursor
CSS
0 vote361 views1 answer
Nth-of-type(2):before
CSS
1 vote395 views1 answer
Repeat autofill css grid minmax
CSS
1 vote358 views1 answer
Css no list markers
CSS
0 vote410 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
3 votes333 views2 answers
Remove table border css
CSS
0 vote390 views2 answers
COMENTARIOS EN CSS
CSS
1 vote381 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS