纯CSS控制的字体效果

2012-03-24 02:27:42 | 【

欢迎光临ShareJS.com ,和我们一起分享JavaScript的快乐!

带有立体感的凹陷字体,非常夺人眼球

查看全部代码 View Code

第一步:
在<head>区添加如下样式定义

<style type="text/css">
<!--
.font3{position:absolute;
       width:300;
       height:200;
       color:#000000;
       filter:DropShadow(Color=#ffffe1, OffX=1, OffY=1, Positive=2);
       font-family: "宋体"; 
       font-size: 12px; 
       text-decoration: none;
       text-align:center;
       }
  
-->
</style>



第二步:
在需要显示效果文字的地方加上如下代码

<p class="font3" bgcolor="#000000">欢迎光临ShareJS.com ,和我们一起分享JavaScript的快乐!</p>



注:背景不能为白色,否则看不出效果

下载"纯CSS控制的字体效果"

  • 本地下载
  • 本地下载2
热门标签:
上一篇: 闪动的文字效果  
下一篇: 文字颜色变换效果

相关资源