Gadgets

Friday, 12 September 2014

Text Shadow Style



Shadow Text Styles: 
<style>
.container{
margin:0px auto;
width: 1000px;
}
#shadowtext1 a{
color:  #026202;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-decoration:none;
text-shadow:2px 2px black;
}
#shadowtext2 a{
color:  #026202;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-decoration:none;
text-shadow:2px 2px 2px black;
}
#shadowtext3 a{
color:  #026202;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-decoration:none;
text-shadow:5px 6px 5px black;
}
.text1 a{
color:  #054d52;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-shadow:0px 0px 5px #000;
}
 
</style>
<div class="container">
<hr>
<div id="shadowtext1">
<a href=""> Life Is Beautiful</a>
</div>
<hr>
<div id="shadowtext2">
<a href=""> Life Is Beautiful</a>
</div>
<hr>
<div id="shadowtext3">
<a href=""> Life Is Beautiful</a>
</div>
<hr>
<div class="text1">
<a href=""> Life Is Beautiful</a>
</div>
</div>
 

 

JSP Page


No comments:

Post a Comment