CSS Border Property

Standard table borders are boring. You are stuck with a single style and a thickness, that's it! Finally, CSS steps up to the plate to give us more variety. We can pick dotted lines, double lines, dashed lines, thickness, and color. Also, we can choose which of the four sides of a box gets a border and what type of border it is.

The following should be pretty self explanatory and shows common ways of using borders:

.simpleBlack
{
    border: 1px solid black;
}

.topDottedGrayThick
{
    border-top: 5px dotted gray;
}

.doubleLineThinBlue
{
    border: thin double blue;
}

Available border styles