types of border in css code example
Example 1: dashed lin in css
hr {
border:none;
border-top:1px dashed #f00;
color:#fff;
background-color:#fff;
height:1px;
width:50%;
}
Example 2: border types html css
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}