Create a new HTML page and add a heading and a paragraph.  Anything will do.  Call it textshadow.html.  Delete the link element.

In the embedded style sheet near the top of the code add these three rule sets:

body {
    background-color:white;
}
h1 {
    font-size:150%;
    text-shadow: 2px 2px rgba(255,0,0,0.8);
}   
p {
    color:white;
    font-size:150%;
    text-shadow: 200px 200px rgba(255,0,0,0.8);
}     

The first two values are the amount the text is moved to the right and down.  You can also use negative numbers to move the text shadow left and up instead of right and down.  You can also have more than one shadow by defining them with commas between:

text-shadow: 2px 2px rgba(255,0,0,0.8), -2px -2px rgba(0,255,0,0.8);

The h1 styling is the way text shadow would normally be used.  The paragraph styling is just a silly example.  Try selecting the visible text but you can't because it's not there (it is above but white).