Set background image for font color?

Question

Say I have the following code:

Hello world!

And the following CSS:

span{
color:red;
}

Answer 1

The technique of swapping out text for images is common for headers and page navigation, but there really aren't any pure CSS techniques that are cross-browser compatible (this is a nice technique, but isn't something you should rely on).

If you have a finite amount of text that you want to apply the texture to, your best bet is to just replace the text with images manually, as such:

HTML:

Title

CSS:

h1.title { 
  background: url(images/title.gif) 0 0 no-repeat;
  width: 80px;
  height: 23px;
  text-indent: -10000px; }