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

    您现在的位置是:首页 > 学无止境 > CSS3|Html5

    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;

关键字词:CSS3文本,CSS3,text-shadow,阴影,文字阴影