本文主要是介绍CSS 常用样式-文本属性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
一、水平对齐 text-align
CSS中的text-align属性用于水平对齐文本。它可以应用于块级元素和表格单元格。
常见的属性值包括：
left：左对齐，文本在容器的左侧。right：右对齐，文本在容器的右侧。center：居中对齐，文本在容器的中间位置。justify：两端对齐，文本在容器中填充，单词之间用空格填充。
示例代码：
<div style="text-align: left;">左对齐文本</div>
<div style="text-align: right;">右对齐文本</div>
<div style="text-align: center;">居中对齐文本</div>
<div style="text-align: justify;">两端对齐文本，文字会自动分布到整个容器宽度，单词之间用空格填充</div>
注意：text-align属性只对文本起作用，如果想要对块级元素内的其他内容（如图片、表格）进行对齐，需要使用其他的CSS属性。
二、文本修饰 text-decoration
CSS中的text-decoration属性用于控制文本的装饰效果，如下划线、删除线、上划线等。
常用的取值如下：
-
none：默认值，文本不带任何修饰效果。
-
underline：文本下方带下划线。
-
overline：文本上方带上划线。
-
line-through：文本中间带一条删除线。
-
blink：文本闪烁。
除了以上常用的取值外，text-decoration还可以进一步设置颜色、样式、线宽等属性，例如：
text-decoration: underline double red;
此代码表示文本下方带双线下划线，线的颜色为红色。
text-decoration: line-through wavy #999;
此代码表示文本中间带波浪线删除线，线的颜色为#999。
三、缩进 text-indent
CSS中的text-indent属性用于设置文本的缩进。它可以用于段落或其他块级元素，使第一行或每行都缩进指定的像素值或百分比值。缩进的方向取决于文本的方向。例如，对于从左到右的文本，正值的text-indent将使文本向右缩进，而负值的text-indent将使文本向左缩进。
语法：
selector {text-indent: value;
}
示例：
p {text-indent: 25px; /* 段落第一行缩进 25px */
}h1 {text-indent: 2em; /* 标题第一行缩进 2个字母的宽度 */
}blockquote {text-indent: -50px; /* 引用块向左缩进 50px */
}
这篇关于CSS 常用样式-文本属性的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
