CSS的文本属性可以定义文本的背景、对齐方式
03.1文本对齐方式
CSS使用text-align
定义文本的水平对齐方式。
实例语法:
body {
text-align: left;
}
h1 {
text-align: right;
}
h2 {
text-align: center;
}
值 | 描述 |
---|---|
left | 默认值,文本居左排列 |
right | 文本居右排列 |
center | 文本居中排列 |
03.2文本修饰
CSS使用text-decoration
修饰文本,常见的有下划线、上划线、删除线。
实例语法:
body {
text-decoration:underline;
}
值 | 描述 |
---|---|
line-through | 删除线 |
underline | 下划线 |
overline | 上划线 |
03.3文本大小写
CSS使用text-transform
属性控制文本的大小写
实例语法:
body {
text-transform: capitalize;
}
值 | 描述 |
---|---|
lowercase | 全部小写字母 |
uppercase | 全部大写字母 |
capitalize | 每个单词第一个字母大写 |
none | 默认,大小写字母都有 |
inherit | 从父级元素继承text-transform属性的值 |
03.4文本首行缩进
CSS使用text-indent
属性控制文本块中首行文本的缩进。
实例语法:
p {
text-indent: 50px;
}
p
标签内的文本,首行向右缩进50像素。如果是负数,则首行向左缩进。