# 文本修饰

URL: https://caijiao.org/css/03-text-font/02-text-decoration
Source: docs/css/03-text-font/02-text-decoration.md
Description: 文本修饰用于控制文字的装饰效果和对齐方式，如下划线、大小写、行高等，是排版与美化的重要工具。

CSS 提供了多种文本修饰相关的属性，用于美化文字外观和控制排版效果。常用的包括：

## 1. 文本装饰（text-decoration）

设置文本的下划线、删除线、上划线等效果：

```css
a {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}
````

常用值：`none`、`underline`、`overline`、`line-through`

## 2. 文本转换（text-transform）

控制文本的大小写形式：

```css
h1 {
  text-transform: uppercase;
}
```

可选值：

* `none`：不改变（默认）
* `capitalize`：每个单词首字母大写
* `uppercase`：全部转为大写
* `lowercase`：全部转为小写

## 3. 文本缩进（text-indent）

设置段落首行缩进：

```css
p {
  text-indent: 2em;
}
```

## 4. 行高（line-height）

控制文本行与行之间的垂直间距：

```css
p {
  line-height: 1.6;
}
```

可以使用数字、百分比或长度单位。

## 5. 字母与单词间距

```css
p {
  letter-spacing: 0.1em;   /* 字母间距 */
  word-spacing: 0.5em;     /* 单词间距 */
}
```

良好的文本修饰不仅提升可读性，也增强网页的美观度和专业感。