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

9 votes114 views3 answers
Resize checkbox
CSS
1 vote110 views1 answer
Display none but keep space
CSS
1 vote90 views1 answer
Edit hover with sass
CSS
65 votes104 views4 answers
Install requirements.txt in pip command
CSS
17 votes104 views4 answers
Get featured image post wordpress by post id
CSS
0 vote112 views1 answer
NeuMorphisme button code
CSS
8 votes109 views2 answers
Line-weight css
CSS
0 vote110 views1 answer
Css my body have margin top
CSS
0 vote107 views2 answers
How to reduce the size of png image in css
CSS
0 vote112 views1 answer
Efectos imagenes css
CSS