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滤镜,将会产生一种图片有了立体边框的效果,如下图所示:

378c430b2ac505b984691aca59630cce.png

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

来源:互联网

501216a8c9887ccc6e7504f982cc8e97.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值