文本标签

针对文本的样式操作（渲染）

color：设置文本的颜色
text-align：设置文本的对齐方式

left：默认值，左对齐
center：居中对齐
right：右对齐

注意：text-align可以设置文本的对齐方式，在设置时可以设置里面的对齐元素格式。通常配合着line-height一起使用，使文字垂直居中显示

效果：

说明：在一个元素div中，如果设置了text-align只能对其字标签中的文本有设置效果，对其容器和表格之类的不能有效。

line-height：行高

像素
数字或百分数：数字参考的文字的字体大小，是字大小的倍数

注意：如果在元素中只有一行内容，那么我们就可以采取高和行高设置相同的值来做到内容的垂直居中的在元素中。

<style>.textstyle {width: 100px;height: 300px;line-height: 80px;background-color: pink;}.textstyle1 {width: 100px;height: 300px;line-height: 300px;background-color: pink;}</style>
</head><body><div class="textstyle"><p>文本格式文字</p><p>文本格式文字</p></div><div class="textstyle1"><p>文本格式文字</p></div>

显示：

text-decoration：设置文本的修饰符

none：文本无符号修饰（经常使用在去除a超链接的下划线上演示）
underline：下划线
line-through：删除线
overline：上划线

演示：

.hover {text-align: center;}.nav {text-decoration: none;color: pink;text-align: center;}.nav:hover {color: red;}<div class="hover"><a href="#" class="nav">这是一个超链接</a></div>

显示：