PhoneGap中文网

标题: CSS3 text-shadow 文本阴影效果 [打印本页]
作者: admin    时间: 2013-7-19 19:46
标题: CSS3 text-shadow 文本阴影效果
CSS3 文本阴影

在 CSS3 中，text-shadow 可向文本应用阴影。


您能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色：

实例向标题添加阴影：
  1. h1{text-shadow: 5px 5px 5px #FF0000;}
复制代码
完整示例：
说明：Internet Explorer 不支持 text-shadow 属性
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. h1
  6. {
  7. text-shadow: 5px 5px 5px #FF0000;
  8. }
  9. </style>
  10. </head>
  11. <body>

  13. <h1>文本阴影效果！</h1>

  15. <p><b>注释：</b> Internet Explorer 不支持 text-shadow 属性。</p>

  17. </body>
  18. </html>
复制代码
作者: phonegap100    时间: 2013-9-27 15:49
过来看看的
作者: 你懂得    时间: 2013-9-28 15:53
写的真的很不错
作者: uqobk8216    时间: 2013-9-30 03:22
我抢、我抢、我抢沙发~



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2