Exit tutorial


HTML Tutorial
Cascading Style Sheet Tutorials
Glowing Text

With CSS, you can create glowing text on a page without using any images. This is great for drawing attention to a specific piece of content.

Here's a sample of glowing text:

This text SHOULD glow...

Here's how it's done...

<table style="filter:GLOW(color=blue, strength=4)">
<tr><td>
<font color="yellow" size="4">
This text SHOULD glow...
</font>
</td></tr></table>

By adding a style attribute with a "glow" filter to the table, the text will have a glowing appearance on the page as long as you don't use a background color or image within the table.

You can set the glow color to any color you like. You can also set the strength, but realistically if you set it higher than 7 it starts looking bad. The glow will only occur as high as the line height, so after 7 it really becomes noticeable that it's been cut off.

Of course, you can set the font to various sizes and colors as well, which can make the glow point change slightly as far as what looks good and what doesn't.

[Back to the Stage 6 Index]