CSS Shaded Text

Shaded Text Effect with CSS
You can create your own shaded text effects. Make a script like the following:


<HTML>
<HEAD>
<title>Shadow Text</title></HEAD> 
<BODY bgcolor="#00FF00"> 
<DIV style="position: absolute;
top: 13px;
left : 12px;
width: 370px;
height: 80px;
font-size: 40pt;
font-family:Verdana;
color:808080">HTML Tutorial</DIV>

<DIV style="position: absolute;
top: 10px;
width: 370px;
height: 80px;
font-size: 40pt;
font-family:Verdana;
color:red">HTML Tutorial</DIV>
</BODY>
</HTML>

What you get is a text that has a shadow effect.

Text Shadow Effect: you can create a shadow effect on text in other ways using CSS.
 
Shaded Text Effect with CSS

0 comments:

Post a Comment