css文字阴影

作者：碎花洋裙的优雅发布日期:2026-01-10 浏览:93

/* 示例代码：为文字添加阴影效果 */

.text-shadow-example {
  color: white; /* 文字颜色 */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* 阴影效果 */
}

/* 解释说明：
- text-shadow 属性用于向文本添加阴影。
- text-shadow 的语法为：text-shadow: h-shadow v-shadow blur spread color;
  - h-shadow: 水平阴影的位置，正值表示阴影在右边，负值表示阴影在左边。
  - v-shadow: 垂直阴影的位置，正值表示阴影在下方，负值表示阴影在上方。
  - blur: 阴影的模糊半径，值越大阴影越模糊。
  - spread: 阴影的扩展半径（可选），正值会使阴影变大，负值会使阴影变小。
  - color: 阴影的颜色，可以使用颜色名称、十六进制颜色码或 rgba 等方式指定颜色。
*/

上一篇：css透明

下一篇：css背景透明