您现在的位置是:首页 > 博客网站制作 > CSS3|Html5CSS3|Html5

CSS3文本(三)—text-shadow设置文本阴影

杨青青 2013-08-02【CSS3|Html5】人已围观

简介在 CSS3 中,text-shadow 可向文本应用阴影。您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色

text-shadow

说明:text-shadow设置文本阴影。text-shadow 可向文本应用阴影。您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色

语法:text-shadow:none (默认值)| <shadow> [ , <shadow> ]*

示例

h1

{

text-shadow: 5px 5px 5px #FF0000; /* 第1个5px是阴影水平偏移值,第2个长度值是阴影垂直偏移值 ,第3个阴影模糊值*/

}

1)普通文字阴影

测试普通文字阴影效果

text-shadow:1px 1px #CFABAB

2)模糊文字阴影效果

测试模糊文字阴影效果

text-shadow:1px 1px 1px #CFABAB

3)多重模糊文字阴影效果

测试多重模糊文字阴影效果

text-shadow:1px 1px 0 #CFABAB,1px 1px 2px #FF0;

很赞哦! ()

文章评论

站点信息

打赏本站

  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~