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 vote238 views1 answer
CSS - The Descendant Selectors
CSS
14 votes244 views2 answers
How to render css in flask link
CSS
0 vote288 views1 answer
.txt:hover { text-decoration: underline; }
CSS
0 vote268 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
-1 vote234 views1 answer
Html sticky
CSS
14 votes258 views2 answers
How to add css in flask app
CSS
1 vote271 views1 answer
Css hide div on mobile
CSS
0 vote269 views1 answer
Flex basis
CSS
56 votes269 views3 answers
How to make a round corner in CSS
CSS
70 votes257 views4 answers
Css vertical align center
CSS