## text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色
| 值 | 描述 |
| --- | --- |
| h-shadow | 必需。水平阴影的位置(移动)。允许负值。 |
| v-shadow | 必需。垂直阴影的位置(移动) 。允许负值。|
| blur | 可选。模糊的距离 |
| color | 可选。阴影的颜色。 |
示例:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
h2 {
text-align: center;
font-size: 40px;
text-shadow: 5px 5px 3px rgba(0,0,0,0.4);
<!-- text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色 -->
}
</style>
</head>
<body>
<h2>添加文字阴影效果</h2>
</body>
</html>
```
效果:
![](https://img.kancloud.cn/ae/a4/aea43694ec149b414a6d105c222c1e8c_549x151.png)
- 空白目录
- 第一章 HTML和HTML5
- 第一节 常用标签
- 01 标签
- 02 标签属性
- 03 图像标签
- 04 链接标签
- 05 锚点定位
- 06 base标签
- 07 特殊字符标签
- 08 注释标签
- 第二节 列表
- 01 无序列表
- 02 有序列表
- 03 自定义列表
- 小结
- 第三节 表格
- 01 认识表格
- 02 表格属性
- 03 表头标签
- 04 表格结构
- 05 表格标题标签
- 06 合并单元格
- 第四节 表单和表单控件
- 01 文本框和密码框
- 02 单选按钮和复选按钮
- 03 label标签
- 第五节 HTML5新增标签和属性
- 第二章 CSS和CSS3
- 第一节 css基本选择器
- 01 通配符选择器
- 02 伪类选择器
- 链接伪类选择器
- 结构(位置)伪类选择器
- 目标伪类选择器
- 第二节 CSS外观样式及应用
- 01 css颜色
- 02 行高对齐和首行缩进
- 03 字间距和单词间距
- 04 颜色半透明
- 04 文字阴影
- 第三节 复合选择器
- 01 交集选择器
- 02 并集选择器
- 03 后代选择器
- 04 子元素选择器
- 05 练习
- 06 属性选择器
- 杂项
- 01 常用快捷键