Printed from BasicTips.com, FREE helpful articles and tips for Webmasters and Business Owners
Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.BIZ
All rights reserved. Republication in whole or in part in any form is not permitted.

Sponsored by BasicTemplates.BIZ
Website Templates with External CSS and Removable Graphics
http://www.BasicTemplates.biz

Co-Sponsored by Effective-Website-Secrets.com
Teaching webmasters effective web development and marketing techniques via free podcasts.
http://www.Effective-Website-Secrets.com

Category: CSS
Cheap "Text Effect" Tricks: Part 7
By BasicTemplates with External CSS

Style sheets enable you to format text effects for shadows, drop shadows and glowing characters.

Experiment with the variables to see which effect works best for the design you are creating. The filter variable are: shadow, dropshadow and glow

Below we have used the "shadow" filter variable with an inline style applied to the TD tag and external style sheet (recommended). If you are not familiar with the different methods of CSS and how or when to use them, be sure to read our article, "External, Internal or Inline? Which Method is Best?"

Inline:
<table>
<tr><td style="filter:shadow(color=#FF0000)">YOUR TEXT HERE</td></tr>
</table>

External (add code to your external style sheet and assign the custom class to the TD tag):
.shadow { filter:shadow(color=#FF0000);}

Assign the TD tag with class="shadow"
<table>
<tr><td class="shadow">YOUR TEXT HERE</td></tr>
</table>

You can of course change the variable to dropshadow or glow and change the color code.