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:
A 1px solid black border
Now let’s have a look at some of the other possibilities:
.my_div{ border:1px dotted #000; }
This will produce:
A 1px dotted black border
.my_div{ border:1px dashed #000; }
This [...]



CSS Box Model

The CSS Box Model is essential when learning CSS to create web page layouts. Let’s take a look at the following diagram.
The CSS Box Model is a lot simpler than how it may look at first sight. Let’s begin with the content. Think of the content area an an empty div element. [...]