文字应用css滤镜集锦- CSS样式表 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 文字应用css滤镜集锦

技术文章搜索

关键字

CSS样式表中的文字应用css滤镜集锦

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 48 ::

收藏到网摘: n/a

闭合浮动元素超级简单的方法巧用CSS滤镜做图案文字

点击运行可以看到效果:

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

点击运行可以看到效果:

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

点击运行可以看到效果:

<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;">
<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);">一粥一饭当思来处不易 半丝半缕恒念物力维艰
<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><IMG src="http://www.blueidea.com/articleimg/usericon/marvellous.gif">
人最想获得的是尊重
用一生学习彼此尊重</SPAN>

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

闭合浮动元素超级简单的方法巧用CSS滤镜做图案文字

CSS样式表 中的 文字应用css滤镜集锦

评论 (0) All

CSS样式表中的文字应用css滤镜集锦