网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.CSS讨论:IE下中英文字体下划线对.
.CSS仿淘宝首页导航条布局效果.
.CSS: 关于如何选择同一容器内部分.
.很立体的CSS按钮菜单效果.
.CSS条件注释.
.CSS 针对 Safari(WebKit)的 CS.
.调整CSS类型的顺序改变链接状态.
.CSS语法手册(一)字体属性 .
.第四章 颜色背景的CSS.
.巧妙运用CSS样式表立刻改变鼠标的.
.CSS属性中Display与Visibility的.
.第六章 区块性质的CSS.
.利用css和js实现firefox和IE都支.
.导航上用CSS标志当前页效果的实现.
.DIV+CSS常见错误汇总.
.CSS定高多行垂直居中.
.利用css里expression来实现界面对.
.第一章 CSS的基本认识.
.跨浏览器的 inline-block 实现[C.
.初学CSS和标准建站的一些CSS常用.

巧用CSS制作特效艺术字(7例)

发表日期:2008-10-20


1.blur滤镜效果:

代码如下:


 <TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: blur(direction=135,strength=8)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

2.dropshadow滤镜效果:

代码如下:


<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

3.glow滤镜效果

代码如下:


 <TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(color=#B4BBCF,strength=5)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

4.两种滤镜.shadow和alpha效果:

代码如下:

 <TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=#8C96B5,direction=135)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>

 
5.两个滤镜mask和shadow效果

代码如下:

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>
 

6. 用glow滤镜可以做空心字,方法是将字体颜色设置为背景色,

再将glow滤镜的strenght的值设置为1或2即可。

代码如下:

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135)" align=middle><FONT face=黑体 color=#e1e4ec size=6><B><I>欢迎光临互联友吧的博客!</I></B></FONT></TD></TR></TBODY></TABLE>

 
7.

代码如下:

<TABLE height=50 cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=4)mask(color=#E1E4EC)" vAlign=center align=middle height=50><FONT face=Verdana color=#8c96b5 size=6><I><B>欢迎光临互联友吧的博客!</B></I></FONT></TD></TR></TBODY></TABLE>

上一篇:IE的IF条件注释使用备忘 人气:647
下一篇:门户网站与大型网站的CSS架构与组织 人气:1137
浏览全部css的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐