Saturday, April 18, 2009

CSS - Website Border

Modify your website border.

Change the style of the border.  (i.e. solid, dashed, dotted, double, groove, ridge, inset, outset)
.main{border-style:dashed;}

Change the size of the border.
.main{border-width:3px;}

Change the color of the border.  The color has to be a 6 character hex code.  HTML Color Codes
.main{border-color:#66ff00;}

Combine all 3 (style, size, color).
.main{border:solid 3px #66ff00;}

Add a border to one side.
.main{border-top:solid 3px #66ff00;}
.main{border-bottom:solid 3px #66ff00;}
.main{border-left:solid 3px #66ff00;}
.main{border-right:solid 3px #66ff00;}

Remove your website's border.
.main{border:0;}