Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style> .demo1{border-top:5px solid #c00;} .demo2{border-bottom:5px dotted #c00;} .demo3{border-left:2px dashed #c00;} .demo4{border-right:5px double #c00;} .demo5{border-top:9px solid #FF0000; border-bottom:9px solid #007FFF; border-left:9px solid #22B14B; border-right:9px solid #ff7e00; color:#000;} .demo6{border-top:5px dotted #FF0000; border-bottom:5px dashed #007FFF; border-left:5px solid #22B14B; border-right:5px double #ff7e00; color:#000;} </style> <p class="demo1">border-top</p><br><br> <p class="demo2">border-bottom</p><br><br> <p class="demo3">border-left</p><br><br> <p class="demo4">border-right</p><br><br> <p class="demo5">border complete</p><br><br> <p class="demo6">border complete with different style</p>
