1. 文字对齐(text-align)
CSS的text-align属性用于控制文字在容器中的对齐方式。
常见的取值有:
left:左对齐
right:右对齐
center:居中对齐
justify:两端对齐
示例代码:
p {
text-align: center;
}
2. 文字缩进(text-indent)
CSS的text-indent属性用于设置文字的首行缩进。
可以使用像素(px)或百分比(%)进行设置。
示例代码:
p {
text-indent: 2em;
}
3. 文字装饰(text-decoration)
CSS的text-decoration属性用于添加文字的装饰效果。
常见的取值有:
none:无装饰线
underline:下划线
overline:上划线
line-through:中划线
blink:闪烁
示例代码:
p {
text-decoration: underline;
}
4. 文字转换(text-transform)
CSS的text-transform属性用于控制文字的大小写转换。
常见的取值有:
none:不转换大小写
capitalize:每个单词的首字母大写
uppercase:全部大写
lowercase:全部小写
示例代码:
p {
text-transform: uppercase;
}
5. 文字阴影(text-shadow)
CSS的text-shadow属性用于添加文字的阴影效果。
可以设置阴影的偏移距离、模糊半径、颜色。
示例代码:
p {
text-shadow: 2px 2px 4px #000000;
}
6. 文字间距(letter-spacing)
CSS的letter-spacing属性用于控制文字之间的间距。
可以使用像素(px)或百分比(%)进行设置,负值可以让文字更紧凑。
示例代码:
p {
letter-spacing: 2px;
}
7. 文字行高(line-height)
CSS的line-height属性用于控制文字的行高。
可以使用像素(px)、百分比(%)或无单位数值进行设置。
示例代码:
p {
line-height: 1.5;
}
通过以上文本属性的介绍,可以更好地控制文字在页面中的展示效果。在实际项目中,根据具体的设计需求,可以灵活运用这些属性,来使文字更加美观、易读。