Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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
}

Comment

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%;
} */
Comment

PREVIOUS NEXT
Code Example
Css :: css capitalize first letter 
Css :: css not first child 
Css :: css without underline 
Css :: css spread children horizontally 
Css :: transition css hover 
Css :: remove underline from hyperlink 
Css :: css grid two columns 
Css :: custom scrollbar 
Css :: html static background 
Css :: how to center a div in css 
Css :: gradient text html 
Css :: css hr thickness 
Css :: @media max-width 
Css :: square bullets css 
Css :: centering div horizontally 
Css :: css display none alternatives 
Css :: only ie css 
Css :: italic css 
Css :: break sentence css 
Css :: letter spacing css 
Css :: css @media measurements 
Css :: box shadow top and bottom only 
Css :: blur edges css 
Css :: remove box shadow css 
Css :: css horizontal center 
Css :: css check if mobile 
Css :: css content image 
Css :: css safari remove scrollbar 
Css :: css box shadow 
Css :: cursor pointer events none 
ADD CONTENT
Topic
Content
Source link
Name
9+6 =