How to add Drop Shadows through CSS

When it comes to creating a website they are many key features that you have to be aware of in order to make it interesting. Sure you can have all the fancy gadgets in there and say your "web 2.0" but really you have to have good content...and with that you need good typography. Lets take a look at a really simple way to add drop shadows to your text through the use of CSS (Cascading Style Sheets).

So you want to add a drop shadow, but don't want to use an image for all your text (understandable) so the easiest way to do this is through and externall CSS style sheet.  Lets take a look first at our property tag that we are going to use: text-shadow

1. Our code is written as this:        h1 { text-shadow: #444444 3px 3px 2px;}

2. Lets break it down:

We see here what each value does to our text.

3. This is what our text looks like when we are finished:

This is really cool!!!

Now all you have to do is apply this code to your external style sheet and voila!

Note: this will apply to everything in that CSS selector, it is recommended that you only use it in header tags