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

4 votes187 views3 answers
Background with image and gradient
CSS
1 vote209 views3 answers
Css hover animation text
CSS
0 vote189 views1 answer
Css borrar
CSS
0 vote185 views2 answers
Css grid reverse column order
CSS
1 vote184 views1 answer
Overflow: scroll displaces the inline element
CSS
1 vote195 views2 answers
Change nav background color on scroll css without bootstrap
CSS
1 vote191 views1 answer
Bolock rotating the screen on your website with css
CSS
0 vote187 views1 answer
Change height primeng progress spinner
CSS
12 votes196 views4 answers
On hover display another div css
CSS
0 vote231 views1 answer
Twig language name
CSS