admin 管理员组

文章数量: 1086019

dw如和再css里添加阴影,dreamweaver

dreamweaverCSS使用教程：DROPSHADOW属性

【DropShadow属性】作用是添加对象的阴影效果。实际效果看上去就象是原来的对象离开了页面，然后在页面上显示出该对象的投影。其工作原理是建立一个偏移量，然后加上颜色。下面我们看一下使用该滤镜来做的带阴影的文字效果：

带阴影的文字

制作方法如下：

创建新的CSS样式：(要回顾创建新的　CSS　样式操作方法，请点页顶导航条“简要说明”按钮)

提示：新创建的CSS样式名称，输入“Drop”。勾选“仅对该文档”。保存后，在分类选项选择“扩展”，再设置“过滤器”。

选择“DropShadow"并按括号中的参数值设置(DropShadow(Color=#FF0000,　OffX=5,　OffY=5,　Positive=1))，按“确定”结束。　若是操作无误的话，在你网页代码的与之间，会有如下所示的代码：

Dropshadow滤镜有四个参数，它们的含义为：

“Color”：代表投射阴影的颜色。

“offx”和“offy”：分别是X方向和Y方向阴影的偏移量，它必须用整数值，如果是正整数，那么表示阴影向X轴的右方向和Y轴的下方向。若是负整数值，阴影的方向正好相反。另外“offx”和“offy”数值的大小决定了阴影离开对象的距离；

“Positive”参数：如果为“true(非0)”，那么就为任何的非透明像素建立可见的投影。如果为“fasle(0)”，那么就为透明的像素部分建立透明效果。

对文字加载Dropshadow滤镜比较方便的办法，是把Dropshadow滤镜加载到文字所在的表格单元格上。文字比较小时，使用Dropshadow的效果不太理想，所以一般用于制作稍大的标题字。

Dropshadow滤镜对一般图片无效，但我们把图片放到表格中，再给表格的

加载Dropshadow滤镜，将会产生一种图片有了立体边框的效果，如下图所示：

注：该效果所使用的Dropshadow滤镜参数和上边字体的参数一致。

来源：互联网

本文标签： dw如和再css里添加阴影 dreamweaver

版权声明：本文标题：dw如和再css里添加阴影,dreamweaver 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1698380013a296805.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。