CSS中的text-decoration属性常常被用来通过下划线、删除线、以及其他装饰性效果美化文本。这种属性可以用于超级链接、标题、以及普通文本。

在这篇文章中，我们将探讨如何使用CSS中的text-decoration属性来美化文本。

1. 下划线

下划线是一种最为常见的文本装饰性效果，它可以用来突出显示超级链接，或者标记出重要的词语。使用text-decoration属性可以很容易地添加下划线，代码如下：

```css

a {

text-decoration: underline;

}

```

我们也可以为超级链接指定单独的下划线样式，代码如下：

```css

a:visited {

text-decoration: underline dotted;

}

```

在这个例子中，我们为已经被访问过的超级链接设置了一个带点的下划线样式。

2. 删除线

在某些情况下，你也许需要在文本上添加一个删除线，如在商品列表中标记出已经售出的商品。可以使用text-decoration属性来添加删除线，代码如下：

```css

.del {

text-decoration: line-through;

}

```

这里我们定义一个CSS类“del”，在HTML中可以把这个类应用到需要添加删除线的文本上。

3. 加粗

text-decoration属性也可以用来加粗文本。你可以使用“bold”或者“bolder”关键字，代码如下：

```css

span {

text-decoration: bold;

}

```

还可以使用具体的数字值来定义粗细程度，代码如下：

```css

strong {

text-decoration: 900;

}

```

在这个例子中，我们定义了一个“strong”元素，并用它来显示粗体文本。900是一个比较大的数字，会使文本呈现出极为粗重的效果。

4. 波浪线

波浪线是一种比较罕见的文本装饰性效果，但有时候可以用来表示错别字或者让文本看起来比较生动。使用text-decoration属性可以轻松地为文本添加波浪线，代码如下：

```css

span {

text-decoration: wavy;

}

```

在这个例子中，我们定义了一个“span”元素，并且用它来展示带有波浪线的文本。

5. 颜色

除了上述的几种装饰效果外，text-decoration属性还可以用来修改文本颜色。代码如下：

```css

a:hover {

text-decoration: underline;

color: red;

}

```

在这个例子中，我们定义了当鼠标悬停在超级链接上时，链接文本会添加下划线，并且修改为红色。

6. 其他装饰效果

除了上述的五种装饰效果外，text-decoration属性还支持其他的一些装饰效果。下面是一些常用的装饰效果：

- overline: 在文本上方添加一条线

- blink: 闪烁的文本

- 2px dotted blue: 一条蓝色的、有点的线

综上所述，text-decoration属性是一个非常有用的属性，可以通过下划线、删除线、加粗、波浪线以及其他装饰效果美化文本。使用这个属性可以使文本看起来更加突出、生动，并且更加容易被读者注意到。