Text-decoration part 1

The text-shadow Property

The text-shadow property adds shadow to text. 
It takes four values: the first value defines the distance of the shadow in the x (horizontal) direction, the second value sets the distance in the y (vertical) direction, the third value defines the blur of the shadow, and the fourth value sets the color. 

The HTML:<h1>Text-shadow example</h1>
The CSS:

h1 {
color: blue;
font-size: 30pt;
text-shadow: 5px 2px 4px grey;
}Try It Yourself

In the example above, we created a shadow using the following parameters:
5px – the X-coordinate
2px – the Y-coordinate 
4px – the blur radius
grey – the color of the shadow

Result:
To add more than one shadow to the text, add a comma-separated list of shadows.