A CSS Outline is extremely similar to CSS Border. A CSS Outline is simply a CSS Border outside the element. Using CSS outlines you can make an element stand out and have two seperate borders.
.my_div { outline:1px solid #000; }
Would produce:
A 1px solid outline
Now let’s include this with a border.
.my_div {
outline:1px solid #000;
border:1px [...]
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 [...]
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. [...]
