• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

css 搞代码 7年前 (2018-06-11) 107次浏览 已收录 0个评论

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

欢迎大家阅读《给文字加上阴影效果的方法_css》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:给文字加上阴影效果的方法_css
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址