To create a Drop Shadows in html page we can use the css-shadow property. Css-shadow property has four values. One of these values is the color of drop shadow. the codes are here.
1. Open Notepad.
2. write the codes like below.
<html>
<body>
<p style="font-size:20px;color:green;text-shadow:1px 1px 1px #666;">Drop shadow 1</p>
<p style="font-size:20px;color:ored;text-shadow:1px 1px 1px #000;">Drop shadow 2</p>
<p style="font-size:20px;text-shadow:4px 4px 4px #666;">Drop shadow 3</p>
<p style="font-size:20px;color:orange;text-shadow:4px 4px 8px #666;">Drop shadow 4</p>
<p style="font-size:20px;color:#fff;text-shadow:1px 1px 8px #000;">Drop shadow 5</p>
</body>
</html>
3. Now save this as test_heading.html
4. Open the file in any browser and see the output.
See the Html Indenting Text
See the Html Text Decoration
See the Html Aligning Text
1. Open Notepad.
2. write the codes like below.
<html>
<body>
<p style="font-size:20px;color:green;text-shadow:1px 1px 1px #666;">Drop shadow 1</p>
<p style="font-size:20px;color:ored;text-shadow:1px 1px 1px #000;">Drop shadow 2</p>
<p style="font-size:20px;text-shadow:4px 4px 4px #666;">Drop shadow 3</p>
<p style="font-size:20px;color:orange;text-shadow:4px 4px 8px #666;">Drop shadow 4</p>
<p style="font-size:20px;color:#fff;text-shadow:1px 1px 8px #000;">Drop shadow 5</p>
</body>
</html>
3. Now save this as test_heading.html
4. Open the file in any browser and see the output.
See the Html Indenting Text
See the Html Text Decoration
See the Html Aligning Text
