Simple Border Attribute Example Using CSS

 Simple Border Attribute Example Using CSS

(Just Copy and past This Code to Your Editor like NotePad, SubLime, Atom, VS etc...)

Example 1: Using Border Style and Width Properties

<a href="" style="border-style:dotted; border-width:2px; ">Home</a> &nbsp;&nbsp;&nbsp;

<a href="" style="border-style:solid; border-width:3px; border-color:red;">Contact Us</a>

Example 2: Using Border Color and Style Properties

<p style="border-color:blue; border-style:inset; ">welcome 123</p>

<span style="border-color:blue; border-style:inset;">welcome 111</span>

Example 3: General Example

                <p style="border-top-color:red; border-top-style:dotted; border-top-width:3px; 

                border-bottom-color:green; border-bottom-style:groove; border-bottom-width:4px;

                border-right-color:orange; border-right-style:solid; 

       border-left-color:tomato; border-left-style:outset; ">welcome to Border Attribute</p>