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

2008-02-23 08:27:22来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:巧用样式表,让文本框与按钮变个样

下一篇:巧用CSS的Border属性制作特效菜单