当前位置:编程学习 > JS >>

几款漂亮的CSS阴影文字

几款漂亮的CSS阴影文字,很不错的文字特效哟,和背景的配合很清新。实际用的时候如果与你的背景颜色或网页环境不适合的话,你可以自己慢慢修改那些颜色值,代码只是提供一种实现方法,自己可以动手修改代码看看效果。
答案:<html>
<head>
<title>CSS阴影文字</title>
<style>
.drop0 {color:#FFFFFF;filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px;}
.drop1 {color:#000000;filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px;}
</style>
</head>
<body bgcolor="#93bee2">
<table><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td style="FONT-SIZE:20px;" class=drop0 align="center" valign="middle">
<font face=黑体>站长资源库</font>
</td></tr></table>
</td></tr><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td style="FONT-SIZE:14px;" class=drop0 align="center" valign="middle">
开源源代码集中营
</td></tr></table>
</td></tr><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td style="FONT-SIZE:12px;" class=drop1 align="center" valign="middle">
<font face=verdana>Welcome To OurSite</font>
</td></tr></table>
</td></tr><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=100,finishX=0,startY=100,finishY=0); BACKGROUND-COLOR: 1">
<tr><td style="FONT-SIZE:24px;" class=drop0 align="center" valign="middle">
<font face=隶书>欢迎经常来转转</font>
</td></tr></table></td></tr>
</table>
</body>
</html>

上一个:CSS定义HR水平线的几种样式
下一个:CSS 给文字加阴影

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,