Click to return to home page
Richard Lowe Jr Home

Things To Do With Text

You can really spruce up a web site with a few well-placed special effects like the ones shown in this section.

Adding Space Between Characters

Need to add a little space between the characters? This is the way to accomplish it.

<h4 style="letter-spacing: 20pt; font-size: 20pt; color: #ff0000; font-weight: bold;">Hello there</h4>

This is how it looks on a page. 

Hello there

Background color behind text

Ever seen web sites with color behind text? Here's how you do that:

<font style="background-color: #e6e6fa; color: #9400d3; font-size:
14pt; font-weight: bold;">Is this cool or what?
</font>

and here is how it looks on your page:

Is this cool or what?

You can include it in your SPAN tag:

You want cool?
<span style="background-color: #ff0000; color: #ffff00;">
Here is cool!</span>. I know that I like it!

Which looks as follows:

You want cool? Here is cool!. I know that I like it!

Background image behind text

Another neat effect is to add some background image behind the text. This can be used to really emphasize a point.

<font style="background-image:url('goldrun.jpg');
color: #000000;">
Add your own background image here</font>, but not here.

This is the background image that we use

Sample

This is how it al turns out:

Add your own background image here, but not here.


Unless otherwise noted, all photos and text is Copyright © Richard G Lowe, Jr.