The text-decoration property is used to decorate the text by applying underline , over line, strike outs, and blinking effects. and the text-shadow property is used to display the shadow of text in web page.
Create A Web page named text-decoration-shadow.html
<!doctype html>
<head>
<title> Text-decoration and text-shadow property </title>
</head>
<body>
<h1> Working with the text-decoration and text-shadow property</h1>
<p style="text-decoration:none;">The text-decoration property in set to none </p>
<p style="text-decoration:underline;">The text-decoration property in set to underline </p>
<p style="text-decoration:overline;">The text-decoration property in set to overline </p>
<p style="text-decoration:line-through;">The text-decoration property in set to line-through </p>
<p style="text-decoration:blink;">The text-decoration property in set to blink </p>
<p style="font-size:34px;text-shadow:#ff0000 12px -12px 2px;">Displaying the shadow in the text.</p>
</body>
</html>
The Output of text-decoration-shadow.html file is shown:
Create A Web page named text-decoration-shadow.html
<!doctype html>
<head>
<title> Text-decoration and text-shadow property </title>
</head>
<body>
<h1> Working with the text-decoration and text-shadow property</h1>
<p style="text-decoration:none;">The text-decoration property in set to none </p>
<p style="text-decoration:underline;">The text-decoration property in set to underline </p>
<p style="text-decoration:overline;">The text-decoration property in set to overline </p>
<p style="text-decoration:line-through;">The text-decoration property in set to line-through </p>
<p style="text-decoration:blink;">The text-decoration property in set to blink </p>
<p style="font-size:34px;text-shadow:#ff0000 12px -12px 2px;">Displaying the shadow in the text.</p>
</body>
</html>
The Output of text-decoration-shadow.html file is shown:
No comments:
Post a Comment