文字应用css滤镜集锦


答案：<style> 
<!--a:hover { color: #000000; text-decoration: underline}--> 
<!--a:active { color: #000000; text-decoration: none}--> 
<!--a:link { color: #2F2D37; ; text-decoration: none}--> 
<!--a:visited { color: #2F2D37;; text-decoration: none}--> 
.abc {  line-height: 22px} 

.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> 

  
  <TR>  
    <TD COLSPAN=10 class="t12">  
      <div align="center">　|　懒的逍遥　|　心有灵犀　|　爱在东海　|　无忧制造　|　我佛山人　|　萧萧小雨　|　紫色真情 　|　
 
      </div></TD> 
    <TD> </TD> 
  </TR> 
    
          </table> 
















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




 
<center><span style="color:#09ff11;font: italic 900 16pt 隶书;width: 220;filter: shadow(color=red,direction=135);">自己动手 丰衣足食</span> 




 




<table bgcolor=#aaaaaa style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);"><tr><td style="filter:dropshadow(offX=1,offY=1,color=#000000);color:#ffffff;font-size:18px;font-family:华文行楷">雅语独喃<b><font color='#22FF22'>知</font><font color='#FF2222'>往</font><font color='#001199'>观</font><font color='#00fffa'>来</font></b></td></tr></table> 






















 
<style type="text/css">.3dfont { FILTER: glow(color=lime,strength=0) shadow(color=lime,direction:135); WIDTH: 678;font-family:隶书;font-size:16px; } </style> 
<center> 
<table border="0" width="569"><tr><td width="100%" class="3dfont"><font color="#008040">身高不过1米68，腰圆腿粗像西瓜，头大嘴小鼻梁趴，一张大嘴缺门牙！</font></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="312" height="123" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td bgcolor="#ffdf03"><div style="filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=black);color:orange;width:100%;font-family:华文新魏;font-size:17px;"><center>织梦好，蚂蚁好；蚂蚁好，织梦更好</div></td> 
</tr> 
</table> 










 
<center> 
<!-------語 法 開 始-------> 
<SPAN style="FILTER: Chroma(Color=green) glow(color:6655ff,strength=3);height:1"> 
<input type=button value='按 耐 不 住 的 冲 动' onClick=window.open('http://dob.tnc.edu.tw/index.php','_blank')  style='background-color:green;border:1px solid white;font-size:12px;color:white;height:22;'> 
</SPAN> 
<!-------語法結束------->  






















 
<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> 













 
<style type="text/css"> 
.a1 { 
    font-size: 32px; 
    font-family: "华文行楷"; 
    color: red; 
    filter: dropshadow(color=#fa00fd,offX=1,offY=1,positives=true); 
    height: 20px; 
} 
</style> 
<center> 
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td align="center"><div class="a1">看书 看棋 看美人 赏花 赏月 赏秋香</div></td> 
  </tr> 
</table> 


 





















<div style='font-family:Courier'>+      +++  +   + +++++       +   +  +++  +   +       +++++  +++  ++++  +++++ +   + +++++ ++++  
+     +   + +   + +           +   + +   + +   +       +     +   + +   + +     +   + +     +   + 
+     +   + +   + +            + +  +   + +   +       +     +   + +   + +     +   + +     +   + 
+     +   + +   + ++++          +   +   + +   +       ++++  +   + ++++  ++++  +   + ++++  ++++  
+     +   + +   + +             +   +   + +   +       +     +   + + +   +     +   + +     + +   
+     +   +  + +  +             +   +   + +   +       +     +   + +  +  +      + +  +     +  +  
+++++  +++    +   +++++         +    +++   +++        +      +++  +   + +++++   +   +++++ +   + 
</div> 



  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2
<style type="text/css"> 
body { 
    font:16px "华文行楷"; 
    filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100); 
    background-color:darkblue; 
} 
span { 
    width:100%; 
    padding:4px; 
    filter: 
        Dropshadow(offx=1,offy=0,color=white) 
        Dropshadow(offx=0,offy=1,color=white) 
        Dropshadow(offx=0,offy=-1,color=white) 
        Dropshadow(offx=-1,offy=0,color=white); 
} 
#english { 
    font-size:12px; 
} 
</style> 
<span id="english">Love You Forever!!!</span> 


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







<center> 
逢山开路，遇水搭桥 

。 









 

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






















 

<style>A { 
    FONT-SIZE: 22px;font-family:华文行楷; COLOR: #0020f8; TEXT-DECORATION: none 
} 
A:hover { 
    FONT-SIZE: 26px;font-family:隶书; FILTER: glow(color=#dd3333,strength=4) 
dropshadow(color=#aaaaaa,offx=2, offy=2, positive=1); MARGIN: 0px; COLOR: #ffffff; HEIGHT: 16px; TEXT-DECORATION: none 
} 
</style> 
<center> 
喝一碗孟婆汤，过一回奈何桥。心若一动，泪就一行。

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

3
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=orange,endColorStr=black)"> 











<center> 
<b><font face="华文新魏, Helvetica, sans-serif" style="cursor:crosshair"><span style="color:orange;line-height:35pt;FILTER: glow(color=white,strength=3) shadow(color=gold,direction=135,strength=13); POSITION: relative; WIDTH: 100%">  
<font size="6" >现 在 人 的 生 活 都 是 一 个 模 式 几 个 方 向 而 已 ！</font></span></font></b> 













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

























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

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


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

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














<style type="text/css"> 
<!-- 
.unnamed1 { font-size: 42px; color: orange; filter: Glow(Color=gold, Strength=5); font-weight: bold;font-family:华文行楷;} 
--> 
</style> 

<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> 









 
<center> 
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#333333"> 
  <tr>  
    <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> 
        <tr>  
          <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> 
              <tr>  
                <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> 
                    <tr>  
                      <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> 
                    </tr> 
                  </table></td> 
              </tr> 
            </table></td> 
        </tr> 
      </table> </td> 
    <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> 
        <tr>  
          <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> 
              <tr>  
                <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> 
                    <tr>  
                      <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> 
                    </tr> 
                  </table></td> 
              </tr> 
            </table></td> 
        </tr> 
      </table></td> 
    <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> 
        <tr>  
          <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> 
              <tr>  
                <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> 
                    <tr>  
                      <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> 
                    </tr> 
                  </table></td> 
              </tr> 
            </table></td> 
        </tr> 
      </table></td> 
    <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> 
        <tr>  
          <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> 
              <tr>  
                <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> 
                    <tr>  
                      <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> 
                    </tr> 
                  </table></td> 
              </tr> 
            </table></td> 
        </tr> 
      </table></td> 
  </tr> 
</table> 

















 
<div align="center"><SPAN style="FILTER: shadow(color=ee1001); WIDTH: 92%; font-size: 11pt;color=#ffff00"><b>简 单 就 是 风 格 ，简 单 亦 是 快 乐 ！</b></SPAN>

</div> 




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

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：CSS反转字符加密邮箱地址
下一个：网页美工制作规范
更多图片编程知识: