Dreamweaver阴影文字制作技巧

Dreamweaver阴影文字制作技巧

 

 

 

在我们制作网页时,需要一些特殊的文字效果来美化网页。今天我们就来学习在网页中制作阴影文字的方法。

打开Dreamweaver,在新建文档中插入一个1×1的表格,边框设置为0,然后在其中输入文字。 单击右面的浮动面板中的“设计”—“CSS样式”命令,单击新建CSS样式按钮,在弹出对话框种选择相应命令。如下图所示。

点击确定后,在弹出CSS样式定义对话框的“类型”中,我们可以定义字体、字号、颜色等内容。如下图所示。

在选择css定义样式中的“扩展”命令,其中过滤器先选择Drowshadow或者Shadow命令。输入如下数值:DropShadow(Color=blue, OffX=2, OffY=2, Positive=1),然后确定。如下图所示。其中,Color表示投射阴影的颜色,可用英文写出颜色名称,也可以用十六进制数来表示;OffX、OffY分别代表阴影偏离文字位置的量,单位为像素;Positive为一个逻辑值,1代表为所有不透明元素建立阴影,0代表为所有透明元素建立可见阴影。

选中网页中的单元格,然后再单击新建的css样式,这样就将这个CSS样式应用到表格中。 保存网页,浏览网页。如下图所示。

  加上这些文字效果之后,是不是整个网页变得更美观了呢!

 

推荐阅读

    Dreamweaver概述:网页设计建议

    Dreamweaver概述:网页设计建议,网页设计,网站,优化,网页,元素,主题,文字,Dreamweaver概述:网页设计建议 网页设计之我见在网页设计的认识

    基于模板生成的网页如何修改标题

    基于模板生成的网页如何修改标题,网页,修改,模板,更新,选项,窗口,查看,基于模板生成的网页如何修改标题 在DreamWeaver8中,一般都是

    Dreamweaver教程:制作一像素表格

    Dreamweaver教程:制作一像素表格,像素,制作,教程,边框,设置,浏览,象素,Dreamweaver教程:制作一像素表格 ◇制作一像素的表格,实质上是设置

    Dreamweaver闪动分隔线效果制作技巧

    Dreamweaver闪动分隔线效果制作技巧,制作,分隔线,属性,选择,时间轴,变换,单元,Dreamweaver闪动分隔线效果制作技巧 在网页制作中,多彩

    Dreamweaver制作站内搜索引擎

    Dreamweaver制作站内搜索引擎,制作,函数,字符串,网站,搜索,浏览,命令,Dreamweaver制作站内搜索引擎 当我们制作的网站内容越来越多的时

    Dreamweaver竖排文字编辑技巧

    Dreamweaver竖排文字编辑技巧,文字编辑,竖排,制作,输入,文字,属性,样式表,Dreamweaver竖排文字编辑技巧 在网页制作过程中,有时根据内容

    Dreamweaver跳转菜单制作技巧

    Dreamweaver跳转菜单制作技巧,制作,菜单,输入,表单,点击,频道,初始化,Dreamweaver跳转菜单制作技巧 具体操作步骤如下: 点击“插入”-“表

    Dreamweaver制作用户注册表单

    Dreamweaver制作用户注册表单,表单,用户注册,制作,文本域,点击,第二,密码,Dreamweaver制作用户注册表单 在浏览各大论坛时,会发现有些内容

    Dreamweaver制作浮动广告技巧

    Dreamweaver制作浮动广告技巧,浮动,制作,图像,时间轴,点击,关键帧,单击,Dreamweaver制作浮动广告技巧 具体操作步骤如下: 打开wf2.html文