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 vote125 views1 answer
Change hover color link in wordpress
CSS
-1 vote179 views1 answer
How to write a comment in css
CSS
0 vote120 views1 answer
Nuxt lazy load pages pagination
CSS
26 votes117 views10 answers
Bootstrap
CSS
0 vote125 views1 answer
Css prevent grid blowout
CSS
1 vote118 views1 answer
How to include a new font website
CSS
14 votes128 views2 answers
How to render css in flask
CSS
1 vote124 views1 answer
Input type date remove calendar icon
CSS
0 vote130 views1 answer
Select third element of an id css
CSS
33 votes117 views3 answers
Change button shaddow css
CSS