多语言展示
当前在线:460今日阅读:60今日分享:41

CSS设置文本的缩进、对齐方式、字符转换的方法

制作网页中,文本的样式设置必不可少,使用CSS可以实现很多样式布局,使文本显示更加美观。下面介绍CSS设置文本的缩进、对齐方式、字符转换的方法。
方法/步骤
1

新建一个HTML文件,命名为test.html,用于CSS文本设置的讲解。

2

在test.html中,使用p标签定义三段测试的内容,用于下面步骤设置其样式并查看效果。

3

在CSS中,使用text-indent设置文本的缩进,例如,缩进两个中文的位置,可以设置text-indent为2em。

4

在CSS中,文本的缩进值,还可以设置为负值,也可以设置为百分比。下面是两种方式的效果。

5

在CSS中,文本的对齐方式有5种,分别是left,把文本排列到左边。right,把文本排列到右边。center,把文本排列到中间。justify,实现两端对齐文本效果。inherit,规定应该从父元素继承 text-align 属性的值。主要通过text-align来设置。例如,下面代码把p标签的内容都居中显示。

6

在CSS中,通过text-transform来设置字符转换,字符的转换主要用于英文,可以通过CSS设置英文的大小写,首字母大写。有四种值可以选择,分别是:none,英文正常显示。 uppercase,将英文转换为大写。 lowercase,将英文转换为小写 capitalize,英文首字母大写。

7

在浏览器运行test.html,查看效果。成功实现了大小写,首字母的样式设置。

推荐信息