CSS borders

We often use borders to select specified text or documents.CSS can be used to this easily.
    CSS borders are of following types:
  • Dotted
  • Dashed
  • Solid
  • Double
  • Groove
  • Ridge
  • Inset
  • Outset
  • None
  • Hidden

Example:

<!DOCTYPE html>
<html>
<head>
<style>
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.hidden{border-style:hidden;}
p.none{border-style:none;}
</style>
<title>
CSS BORDERS
</title>
</head>
<body>
<p class="dotted">This is dotted border.</p>
<p class="dashed">This is dashed border.</p>
<p class="solid">This is solid border.</p>
<p class="double">This is double 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>
<p class="none">This is none border.</p>
</body>
</html>

Output:

This is dotted border.

This is dashed border.

This is solid border.

This is double border.

This is groove border.

This is ridge border.

This is inset border.

This is outset border.

This is hidden border.

This is none border.