页面导航：首页 → 网络编程 → CSS/HTML → 正文内容

文字应用css滤镜集锦

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

.t12 { 
font-family:华文行楷;    
font-size: 15px; 
    font-weight: lighter; 
    color: ##C3C1C1;  
    Filter: dropshadow(color=#ffffff,offx=1,offy=1); 
    TEXT-ALIGN: center;  
    TEXT-DECORATION: none 
} 
</style> 
<BODY BGCOLOR=#C3C1C1 style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);"> 
<TABLE WIDTH=760 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>

<center> 
<TABLE><TR><TD style="FILTER: glow(color:#308148,strength=5);color: #ffffff;font-size:18px;font-family:隶书"> 
關鍵問題不是走多遠，而是，你是否具有足夠堅定的意志和信念來走這條路，無論他有多遠。</TD></TR></TABLE>

<table width="400" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#999999" bgcolor="#D1D2A4"> 
<tr>  
<td style="padding:15px;letter-spacing:3px; COLOR: #6b6c35; FILTER: dropshadow(color=#ffffcc,offx=1,offy=1);" >北国风光，千里冰封，万里雪飘。望长城内外，惟馀莽莽；大河上下，顿失滔滔。山舞银蛇，原驰蜡象，欲与天公试比高。须晴日，看红妆素裹，分外妖娆。</td> 
</tr> 
</table>

<table width="234" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="filter:blur(add=1,direction=135,strength=7)"> 
<tr> 
<th scope="row" style="font-family:华文行楷;font-size:18px;color:red;">我想让里面的字正常显示</th> 
</tr> 
</table>

<table> 
<tr> 
    <td width="510"> 
<div style="height:1;width:100%;  
   font-family:impact;font-size:14pt;color:deeppink;display:block;  
   filter:progid:DXImageTransform.Microsoft.wave(Strength=3)">  
        <p align="center">看小蜜的身材怎么样?您是否已爱上了她! </div></td> 
  </tr> 
  <tr> 
</table>

<table> 
 <tr> 
    <td width="510"> 
<div style="filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5); 
 height:1;font-size:20pt;font-family:impact;background-color:blue">  
        <p align="center"> I just couldn't help it.</div></td> 
  </tr> 
  <tr> 
    <td width="510"> 
<div style="filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5); 
 height:1;font-family:impact;font-size:20pt;background-color:blue">  
        <p align="center">We'd better be off.</div></td> 
  </tr> 
  <tr>  
</table>

<table> 
  
  <tr>  
    <td style="FILTER: alpha(opacity=100,finishiopacity=0,style=1) shadow(color=blue,direction=135,strength=6)" align="center"><font color="blue" size="7" face="华文新魏">文章版权归我站和作者共有</font></td> 
  </tr>

<tr>  
    <td style="FILTER: glow(color=#bb0909,strength=2) shadow(color=#22BB09,direction=135)" align="center"><font  color=#E1E4EC size=6 face="华文新魏"><b>让自己不至于在等待回贴的过程中血气上涌</b></font></td> 
  </tr>

<tr>  
    <td style="FILTER: glow(color=yellow,strength=4) mask(color=green) chroma(color=#B4BBCF)" align="center" height=54><font color=#fa2233 size=6 face="华文彩云"><b>一个神奇的测试，更能加深彼此的感情 
</b></font></td> 
  </tr> 
</table>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:

<span>颓废的去选择一种方式</span>

<center> 
<a href="連結網址" style="filter: glow(color=#FF1122,strength=4); height:10px; color:yellow; padding:1px">逢山开路，遇水搭桥

。</a>

<span> 
桃花坞里桃花庵，桃花庵下桃花仙；桃花仙人种桃树，又摘桃花卖酒钱。
 
酒醒只在花前坐，酒醉换来花下眠；半醒半醉日复日，花落花开年复年。
 
但愿老死花酒间，不愿鞠躬车马前；车尘马足富者趣，酒盏花枝贫者缘。
 
若将富贵比贫贱，一在平地一在天；若将贫贱比车马，他得驱驰我得闲。
 
别人笑我忒疯癫，我笑别人看不穿；不见五陵豪杰墓，无花无酒锄做田。
 
</span> 
</center>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:

<div style="position:absolute;top:80px;left:45px;"> 
<FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=lime); WIDTH: 100%; FONT-FAMILY: 华文彩云;color:red;"><B>离题三千丈~滔滔灌水长~不知论坛里~何人比他强?</B> </div>

<p style="font-size:22px;height:12px;color:white;font-family:隶书;filter:glow(color=black,strength=3);">在奔跑的路上，我逐渐的失去了光芒

<p style="font-size:22px;height:12px;color:white;font-family:华文行楷;filter:glow(color=red,strength=3);">要为成功找方法，不为失败找借口

<p style="font-size:22px;height:12px;color:white;font-family:华文新魏;filter:glow(color=green,strength=3);">为活着而吃饭！！决不为吃饭而活着！！

<p style="font-size:22px;height:12px;color:white;font-family:隶书;filter:glow(color=blue,strength=6);">一粥一饭当思来处不易 半丝半缕恒念物力维艰

<center> 
<table width="567" border="0" cellspacing="0" cellpadding="0" height="129"> 
<tr> 
<td class="unnamed1" align="center">就让一切顺其自然</td> 
</tr> 
</table>

<center> 
<table border="0" width="500" height="56" cellspacing="3" cellpadding="3" style="border:5 red double;"><tr><td style="background:#55fa77;text-align:center;vertical-align:middle;font-family:隶书;font-size:18pt;color:#ffffff;border:0;FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=orange,endColorStr=black)">人最想获得的是尊重用一生学习彼此尊重</td></tr></table>

</div>

<SPAN style="filter: progid:DXImageTransform.Microsoft.Emboss();  color: darkred; background: skyblue; height: 0px;font-family:华文新魏;font-size:18px;"> 
<center><IMG src="http://www.blueidea.com/articleimg/usericon/marvellous.gif">
人最想获得的是尊重
 
用一生学习彼此尊重</SPAN>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：文字应用css滤镜集锦