当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

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

  不会吧,给文字阴影?那不是图像编辑软件才行么?
  没错,就是用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,这时候我们已经把阴影效果付于文字对象了。
相关内容
赞助商链接