Run Example

Edit This Code:
<!DOCTYPE html>
<html>
 <head>
  <title> Page Title </title>
  <style type="text/css">
   p.none {
    border-style: none;
   }
   p.solid {
    border-style: solid;
   }
   p.dotted {
    border-style: dotted;
   }
   p.dashed {
    border-style: dashed;
   }
   p.groove {
    border-style: groove;
   }
   p.ridge {
    border-style: ridge;
   }
   p.inset {
    border-style: inset;
   }
   p.outset {
    border-style: outset;
   }
   p.hidden {
    border-style: hidden;
   } 
  </style>
 </head>

 <body>
   <p class="none">There is no border.</p>
   <p class="solid">This is solid border.</p> 
   <p class="dotted">This is dotted border.</p> 
   <p class="dashed">This is dashed border.</p> 
   <p class="groove">This is groove border.</p> 
   <p class="ridge">This is ridge border.</p> 
   <p class="inset">This is inset border.</p> 
   <p class="outset">This is outset border.</p> 
   <p class="hidden">This is hidden border.</p> 
 </body>
</html>
Result: