text-shadow 属性的基本语法如下:
text-shadow: h-shadow v-shadow blur-radius color;
- h-shadow:水平阴影的位置,可以是正值(向右偏移)也可以是负值(向左偏移)。
- v-shadow:垂直阴影的位置,可以是正值(向下偏移)也可以是负值(向上偏移)。
- blur-radius:可选,表示模糊的程度,值越大阴影越模糊,为 0 时没有模糊。
- color:阴影的颜色。
以下是一些示例:
/* 基本的文本阴影 */
h1 {
text-shadow: 2px 2px 4px #333;
}
/* 多重文本阴影 */
h2 {
text-shadow: 1px 1px 1px #666, 2px 2px 2px #888, 3px 3px 3px #aaa;
}
/* 红色的文本阴影,没有模糊 */
p {
text-shadow: 2px 2px 0 red;
}
在这些例子中,text-shadow 属性被用于不同的文本元素,产生了不同的阴影效果。这是一个用于增强文本效果的强大工具,可以根据需要进行定制。
转载请注明出处:http://www.zyzy.cn/article/detail/6142/CSS