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

14 votes133 views2 answers
How to add css in flask app
CSS
0 vote138 views1 answer
Tailwind @apply
CSS
3 votes149 views3 answers
Remove clicked button border
CSS
5 votes150 views2 answers
How to make a diamond with border radius
CSS
9 votes160 views3 answers
Console.log style css
CSS
11 votes122 views2 answers
Css hr color
CSS
38 votes165 views3 answers
Media breakpoints
CSS
1 vote151 views1 answer
Remove border between td
CSS
0 vote139 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
-1 vote148 views1 answer
Html css circle progress bar
CSS