Tuesday's Tips -CSS Basics Borders

I've posted many tutorials on how to create different things for your blog. In each of those tutorials I've mentioned ways that you can customize the object. I've gotten several questions asking for more ways to customize the CSS. So I'm going to start a little series on CSS Basics. Some of the topics will include backgrounds, borders, text styles, links, and more. That way you'll have a better understanding of what CSS codes you can add to customize the tutorials. =)
I'm starting off with borders. Next week I'll cover fonts.

Where can you place borders?
You can place borders on the left, right, top, bottom, or all around.
border-left:
border-right:
border-top:
border-bottom:
border:

What types of borders are there?
Borders can be solid, dashed, or dotted.

What size can borders be?
Borders can be any size. Simply specify the px(pixel) size you want. (ie. 1px, 2px, 14px, etc)

What color can borders be?
Borders can be any html color.  Here is an online color picker, use the number at the top. (ie. #F73666, #CEF736, #9649A3, etc)

The Big Picture
So for example, a border code would look like this:

border:1px dashed #f5dc4c;

(first listed is where the border is, the width, the type, and then the color)

Another example would be:

border-bottom: 3px dotted #f4f4f4;

You can also list more than one border for the same section like in this example:

border-bottom: 3px solid #f4f4f4; border-left: 3px solid #f4f4f4;

If you have any questions, let me know.  Have a wonderful evening! =)

In Christ,