网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Dreamweaver >> 正文
最新文章
· 让Adobe Dreamweaver CC支持ASP
· Dreamweaver+ASP实现分页技术
· Dreamweaver8创建自定义代码片段
· Dreamweaver网页制作教程:层及其应用
· 使用Dreamweaver8在网页中插入Flash视
· Dreamweaver制作Flash图片轮换相册
· 如何用Photoshop和Dreamweaver制作网
· Dreamweaver CS4新增功能介绍
· Dreamweaver CS3新增功能介绍
· Dreamweaver CS3中Spry详细区域功能的
热门文章
 让Adobe Dreamweaver CC支持ASP
 Dreamweaver制作Flash图片轮换相册
 如何用Photoshop和Dreamweaver制作
 Dreamweaver 8 时间轴及创建时间轴
 Dreamweaver 8 创建链接关系
 使用Dreamweaver8在网页中插入Flas
 Dreamweaver 8 创建CSS样式
 Dreamweaver+ASP实现分页技术
 Dreamweaver套用源格式命令让源代码
 Dreamweaver 8 创建层
相关文章
使用CSS滤镜制作文字凹陷的效果
如何用Photoshop和Dreamweaver制作网页相
Dreamweaver CS4新增功能介绍
Dreamweaver CS3新增功能介绍
Dreamweaver CS3中Spry详细区域功能的解说
Dreamweaver 8 表单的应用
Dreamweaver 8 创建表单
Dreamweaver 8 认识表单对象
Dreamweaver 8 利用行为制作动态页面
Dreamweaver 8 时间轴及创建时间轴动画
Dreamweaver 8 设置层的属性
Dreamweaver 8 创建层
Dreamweaver 8 制作框架网站
Dreamweaver 8 使用库
Dreamweaver 8 定义可编辑区域
Dreamweaver 8 创建模板
Dreamweaver 8 CSS样式表的其他操作
Dreamweaver 8 使用CSS样式美化页面
Dreamweaver 8 创建CSS样式
Dreamweaver 8 创建链接关系
Dreamweaver 8 CSS样式表滤镜实例
来源:www.cwydesign.com 更新时间:2009/5/2 2:31:15 阅读次数:
字体:[ ] 我要投稿

  1、制作模糊文字效果

  1、新建05.html的文件插入一个1行1列的表格,边框和边距全部设置为0。然后在表格中输入要修饰的文字。

  2、打开CSS样式面板,创建一个CSS样式,在弹出的“新建样式对话框”做如下设置。

  3、设置完成后,单击“确定”按钮弹出“CSS样式定义”对话框,在类型设置区域中设置:大小:60,字体:黑体,粗细:粗,颜色:#FF9900。

  4、要产生文字特效,最重要的是在扩展设置区域中进行特殊设置。

  Blur滤镜产生像被风吹一样的模糊效果。打开滤镜选项的下拉菜单,对Blur滤镜进行设置:

  Blur(Add=?, Direction=?, Strength=?)

  Add参数是一个布尔值,一般来说,当滤镜用于图片时取0,用于文字时取1。

  “Direction=?”模糊方向,以45度为单位改变,“0”为垂直向上,“45”向右上,“90”水平向右,“135”向右下,以依次改变。这里我们设置Direction=90。

  Strength代表模糊移动值,单位为像素。我们设置Strength=180。

  设置完成后,点击“确定”。

  5、在文档编辑区选中文字所在单元格,在属性面板设置文字的样式为.test。

  保存文件,按F12预览效果。

  在只有HTML的时代,只能实现简单的网页效果。有了CSS样式,网页排版发生了翻天覆地的变化,在Dreamweaver8里,使用CSS样式是如此的简单,而制作出来的效果可以如此的炫目。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号