HTML, How to display shadow effect of the Text

Below is HTML code snippet, which shows how to display Text with shadow effect, using HTML, CSS. Please note that color of main text, shadow color, position of shadow, sharpness of shadow can be fully controlled, by changing corresponding values in below code snippet.

<html>
<head>
<style>
#shd {
text-shadow: 1px/*right*/ 1px/*bottom*/ 0px/*sharpness*/ red;

color:green;
}
</style>
</head>
<body>

<h1 id=”shd”>Text-shadow effect!</h1>

<div id=”shd”>
<p><b>Note:</b> This is Text only</p>
<p>Test only
</div>
</body>
</html>

how to display text with shadow