给文字加上阴影效果的方法_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

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

作者：闵涛文章来源：闵涛的学习笔记点击数：587 更新时间：2009/4/23 13:46: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，这时候我们已经把阴影效果付于文字对象了。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： CSS应用小技巧十四例

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

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……