ADDING BORDER TO A PARAGRAPH USING CSS & HTML

CSS

p.solid{border style:solid;}

p.none{border style:none;}

p.hidden{border style:hidden;}

p.dotted{border style:dotted;}

p.dashed{border style:dashed;}

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;}

HTML

<p class="solid">SOLID</p>

<p class="none">NONE</p>

<p class="hidden">HIDDEN</p>

<p class="dotted">DOTTED</p>

<p class="dashed">DASHED</p>

<p class="double">DOUBLE</p>

<p class="groove">GROOVE</p>

<p class="ridge">RIDGE</p>

<p class="inset">INSET</p>

<p class="outset">OUTSET</p>

OUTPUT: