CSS3特性——文字阴影

CSS3新特性：文字阴影text-shadow

属性简介

text-shadow: h-shadow v-shadow blur color;

注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

h-shadow: 必需。水平阴影的位置。允许负值。
v-shadow: 必需。垂直阴影的位置。允许负值。
blur: 可选。模糊距离。
spread<
color: 可选。阴影的颜色。请参阅 CSS 颜色值。

实例

白色文本的阴影效果

#exp1 {
    color:white;
    text-shadow:2px 2px 4px #000000;
}

白色文本的阴影效果！

多阴影效果

#exp2-3-wrap {
    color: white;
    background-color: black;
}

#exp2 {
    text-shadow: 2px 2px 2px red, 0 0 10px yellow;
}

#exp3 {
    text-shadow: 0 0 10px yellow;
}

Hello, I'm多阴影效果！ Hello, I'm单阴影效果！ Hello, I'm纯白的文字！