首页 > 开发 > CSS > 正文

CSS3 text-shadow实现文字阴影效果

2024-07-11 09:06:57
字体:
来源:转载
供稿:网友
这篇文章主要介绍了CSS3 text-shadow实现文字阴影效果的方法,丰富文字排版布局美化效果,感兴趣的小伙伴们可以参考一下
 
 

CSS3设置文字阴影效果,对文字字体设置阴影效果,采用text-shadow样式,本来在CSS2版本中也有此属性,但在CSS3中文字阴影text-shadow再次被应用,丰富文字排版布局美化效果。

CSS3单词与语法

CSS3单词: text-shadow

语法结构:text-shadow: 5px 2px 6px black;

5px 代表着:阴影距离文字左5px显示 
2px 代表着:阴影距离文字上2px显示 
6px 代表着:阴影大小范围 
black 代表着:阴影颜色为黑色

例子:

XML/HTML Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表