搜索|收藏|地图|订阅|图片|论坛|商城
  当前位置 :| 首页>软件>软件学院>CSS>应用技巧>

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

来源:互联网 编辑:若水 时间:2008-03-22
不会吧,给文字阴影?那不是图像编辑软件才行么?
  没错,就是用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,这时候我们已经把阴影效果付于文字对象了。
baidu
上一篇:CSS制作树状目录
下一篇:纯CSS Tooltips
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?