FYI: Posts will be sparse around here until I replace my laptop.... Coming back to work after Christmas break apparently was too hard and it quit on me!

06 September 2011

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,

6 comments:

Mama D!

ok... I'm still so confused. Please come do it for me! :)

Jennoelle

You're amazing. The end.

Emily Grace

How about you come up for a visit, Aunt Jenny and I'll show you! ;)

hehe! Thanks Jennoelle. =D

Emilie

Do you know how to do a curved border? If so could you tell me how? Thanks.

Ashlyn Y

I love these!
Thanks for your comment back:)
I must have gotten you confused, but for some reason, I thought Emily was her name:)

Eve

Emily,

I just awarded you the Lovely Blog Award! Go here to claim it: http://swordmaidenforchrist.blogspot.com/2011/09/lovely-blog-award.html :)

Post a Comment

Leave your thought...