There are various types of borders then can be used around a div they are

• solid
• groove
• dotted
• ridge
• dashed
• inset
• double
• outset
• dot-dash (not supported by all browsers)
• dot-dot-dash(not supported by all browsers)
• wave(not supported by all browsers)

The border width is in pixels, and the color can be either hex or color name.

Code for the border can be

border: border-style width color;

 each side of the border can be defined seperately by side, style, color or width

• border: border-style width color; (does all 4 sides the same)
• border-bottom: border-style width color;  (does only the bottom of the box with a give style width and color)
• border-bottom: border-style; (defines only the bottom border style)
• border-bottom: color; (defines only the bottom border color)
• border-bottom: width; (defines only the bottom border width in pix)
• border-left: border-style width color; (defines the left sides style, with, and color)
• border-left: border-style; (defines only the left border style)
• border-left: color; (defines only the left border color)
• border-left: width; (defines only the left border width in px)
• border-right: border-style color width; (defines the right border style, color and width in px)
• border-right: border-style; (defines the right border style only)
• border-right: color; (defines only the right border side color)
• border-right: width (defines only the right border side width)
• border-top: border-style color width; (defines the top border-style, color and width in px)
• border-top: border-style; (defines the top border style)
• border-top: color; (defines the top border color)
• border-top width; (defines the top border width)