CSS Border

CSS Borders are extremely powerful tools for decorating your HTML elements. Let’s begin with a very simple solid border:
.my_div { border:1px solid #000; }
This will produce:

Now let’s have a look at some of the other possibilities:
.my_div{ border:1px dotted #000; }
This will produce:

.my_div{ border:1px dashed #000; }
This will produce:

.my_div{ border:1px double #000; }
This will produce:

You can also use CSS Borders to create 3D effects:
.my_div{ border:5px groove #000; }
This will produce:

.my_div{ border:5px ridged #000; }
This will produce:

.my_div{ border:5px inset #000; }
This will produce:

.my_div{ border:5px outset #000; }
This will produce:

The 3D borders can all be manipulated using the border-color attribute