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 vote191 views1 answer
Cd program files x86
CSS
0 vote189 views1 answer
Putting an object in front of a page javascript
CSS
16 votes176 views4 answers
Arrow left css
CSS
0 vote177 views1 answer
Grid place between
CSS
0 vote181 views1 answer
Github-pages main.css cancel
CSS
61 votes176 views5 answers
Css paragraph ellipsis
CSS
0 vote195 views1 answer
Add .css to CKEDITOR
CSS
0 vote172 views1 answer
Tail block css
CSS
3 votes180 views2 answers
Css border radius not working
CSS
0 vote186 views1 answer
Alternate color on two consecutive rows
CSS