网页教学网
 当前位置: 网页教学网 >> 网页制作 >> CSS技术应用 >> 阅读:给文字加上阴影效果的方法
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

给文字加上阴影效果的方法

http://www.webjx.com  更新日期:2005-02-23 09:48  出处:网页教学网  作者:
  不会吧,给文字阴影?那不是图像编辑软件才行么?
  没错,就是用css给文字加阴影,不信?跟我来。
  下面是css的设置步骤,随后会有使用步骤:
  1:照例子一那样调出new style面板,这一次我们选type的第一个make custom style.,在selector 处随便给一个名字(注意前面的点一定不能漏了),define中我们选第二个"this document only"。单击ok。
  2:在弹出的窗口中,我们选中左边的最后一项extensions ,在右边的*filter的下拉选单中选中第五个Drop Shadow 。里面有4个问号,那是参数,需要我们去设置(用特定的值换掉它),我们只要明白了这些参数的意义,便很容易了,参数作用如下:
  color:代表投射阴影的颜色,指定的方法可以使用"#RRGGBB"的形式。例如黑色就是#000000
  offX与offY就分别是X与Y方向阴影的偏移量,必须用整数指定。比如offX=5就是指阴影在X方向的偏移量是5。
  Positive:是个布尔值,我们一般填1
  3:单击ok吧,这样就完成了设置,下面是如何使用它的步骤:
  4:在网页中,我们选中我们要变成有阴影的文字(可以是连续的文字集合),使文字反色显示。
  5:在css styles窗口中(如果你关闭了此窗口,可以按shift+f11打开它),如果你跟着我做了上面的设置步骤,在这个窗口中应该有个名称的(就是none下面),好,我们选中它。
  6:ok,这时候我们已经把阴影效果付于文字对象了。
关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为