css text-shadow 样式

时间:2023-04-03 22:18:58

CSS的text-shadow样式用于在文本周围添加阴影效果。可以使用属性值(如颜色、水平偏移量、垂直偏移量、模糊半径等)来指定阴影效果的样式。

以下是设置text-shadow的示例:

p {
text-shadow: 2px 2px 2px #666; /* 在文本周围添加2像素的偏移量,2像素的模糊半径,以及#666颜色的阴影效果 */
}

h1 {
text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
/* 在标题文本周围添加10像素的模糊半径,半透明白色的阴影效果 */
}

在这个例子中,第一个规则将段落文本周围添加了一个阴影效果,这个阴影效果是2像素的水平和垂直偏移量,2像素的模糊半径,并且颜色为#666。第二个规则将H1标题文本周围添加了一个半透明白色的阴影效果,这个阴影效果是10像素的模糊半径,没有水平和垂直偏移量。

相关词