PhoneGap中文网

 找回密码
 立即注册
查看: 21676|回复: 3
打印 上一主题 下一主题

CSS3 text-shadow 文本阴影效果

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-7-19 19:46:20 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式
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>

  12. <h1>文本阴影效果!</h1>

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

  14. </body>
  15. </html>
复制代码
it营
回复

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
地板
发表于 2013-9-30 03:22:44 | 只看该作者
我抢、我抢、我抢沙发~
it营
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
板凳
发表于 2013-9-28 15:53:04 | 只看该作者
写的真的很不错
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
沙发
发表于 2013-9-27 15:49:46 | 只看该作者
过来看看的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 10:12 , Processed in 0.052887 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表