text-shadow: 2px 2px 2px #FF0000;
class='myClass'
id='myID'
.myClass { //Properties go here }
#myID { //Properties go here }
<html> <head> <style> .blur { color: black; width: 300px; height: 100px; text-shadow: 2px 2px 4px #000; // Black shadow with black 4px blur. } .redShadow { color: black; width: 300px; height: 100px; text-shadow: 2px 2px #FF0000; //Could be text-shadow: 2px 2px 0px #FF0000; // Red shadow with no blur. } .redShadowWithBlur { color: black; width: 300px; height: 100px; text-shadow: 2px 2px 4px #FF0000; // Red shadow with 4px red blur. } </style> </head> <body> <p class='blur'>This is text!</p> <p class='redShadow'>This is text!</p> <p class='redShadowWithBlur'>This is text!</p> </body> </html>