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

5 votes174 views2 answers
How to rotate image 360 degrees in css
CSS
5 votes211 views1 answer
Css assign multiple classes to one element
CSS
1 vote172 views1 answer
Html minimum width
CSS
161 votes268 views4 answers
Link external css
CSS
-1 vote174 views1 answer
Empty areas in the grid are defined using '.'
CSS
0 vote192 views1 answer
Checkbox change background color bootstrap
CSS
1 vote198 views1 answer
How to remove lines from textarea
CSS
0 vote197 views1 answer
Scss select all childs
CSS
3 votes194 views1 answer
Enter in css
CSS
1 vote141 views1 answer
Css hover darken color
CSS