文字应用css滤镜集锦

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› HTML›HTML/CSS编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

<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">  </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>人最想获得的是尊重 用一生学习彼此尊重</SPAN>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]