设为首页收藏本站
开启辅助访问 切换到宽版

PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网»社区板块 › IT营全栈开发 › html5/css/js技术交流 › CSS3 text-shadow 文本阴影效果
返回列表 发新帖
查看: 19649|回复: 3
打印 上一主题 下一主题

CSS3 text-shadow 文本阴影效果

[复制链接]
admin

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>

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

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

  17. </body>
  18. </html>
复制代码
it营
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-5-4 18:48 , Processed in 0.046678 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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