职称计算机Dreamwaver教程:CSS样式表滤镜.docx
上传人:努力****妙风 上传时间:2024-09-13 格式:DOCX 页数:4 大小:11KB 金币:10 举报 版权申诉
预览加载中,请您耐心等待几秒...

职称计算机Dreamwaver教程:CSS样式表滤镜.docx

职称计算机Dreamwaver教程:CSS样式表滤镜.docx

预览

在线预览结束,喜欢就下载吧,查找使用更方便

10 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

职称计算机Dreamwaver教程:CSS样式表滤镜职称计算机Dreamwaver教程:CSS样式表滤镜导语:CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS样式表滤镜实例制作模糊文字效果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样式是如此的简单,而制作出来的效果可以如此的炫目。