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

8 votes266 views3 answers
Bootstrap 4 center image
CSS
0 vote312 views1 answer
Taille texte css
CSS
5 votes283 views5 answers
Css disable zoom on mobile
CSS
6 votes233 views2 answers
Linear gradient syntax
CSS
25 votes296 views5 answers
Line spacing css
CSS
4 votes259 views2 answers
Laravel enum column
CSS
0 vote278 views1 answer
Css 2 div cote à cote
CSS
0 vote259 views1 answer
Css tutorial point
CSS
0 vote319 views1 answer
Input type password css
CSS
0 vote277 views1 answer
Make table cell less wide css
CSS