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 vote313 views1 answer
Freeze input text css
CSS
0 vote292 views1 answer
Css linear gradient 25% of page
CSS
0 vote346 views1 answer
===> git ignore
CSS
0 vote301 views1 answer
How to give opacity to background only
CSS
0 vote268 views1 answer
Sass file
CSS
0 vote303 views1 answer
Css not loading after clearing chaches asp.net
CSS
0 vote299 views1 answer
Scss font color
CSS
-1 vote278 views1 answer
How to use a blank space with grid template areas css
CSS
0 vote286 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS
54 votes304 views8 answers
Media query
CSS