CSS3 Borders

One of the new exciting technologies introduced in CSS3 is that borders can have round corners, they can also have shadows and images can be used as borders.

The new border properties in CSS3 are:
-border-radius 
-border-shadow
-border-image

border-radius allows one to edit all four corners of the border.
border-shadow allows one to add a shadow to the border.
border-image allows one to use an image as a border.

Code

Output