BORDER: html & css

Step one: open notepad.

Step two: type the following CSS code

CSS CODE

p.solid{border-style:solid;}

p.dashed{border-style:dashed;}

p.dotted{border-style:dotted;}

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

Step three: save your file as:

   Ex. nicole.css

Step four: open another notepad.
Step five: type the following HTML code

HTML CODE

<p class="solid">Solid Border</p>

<p class="dashed">Dashed Border</p>

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

<p class="double">Double Border</p>

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

<p class="ridge">Ridge Border</p>

<p class="inset">Inset Border</p>

<p class="outset">Outset Border</p>

Step six: save your file as:
   Ex. nicole.html

Example

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

Result: