html段落首行缩进

具体步骤如下所示：

1、在页面中创建两个p标签，在p标签中加入一段文字，为了能够很容易的看出效果，将p标签的长度设置为300px，如下图所示。

2、给p 标签添加text-indent属性，并将属性值设置为2em，em是一个相对单位，2em表示现在一个文字大小的两倍，也就是两个字符。

3、这样就首行缩进了，效果图如下所示一样。

1、打开Notepad++，新建一个文件

2、输入图中内容：

3、保存为：css.html，当然你也可以使用其它的名字，但扩展名需要使用.htm或.html

4、选择文件的保存位置，点击保存按钮

5、然后添加一个标签，输入一段用来测试的文字。

6、使用浏览器打开查看显示样式，现在还没有缩进。

7、接下来添加样式，这里我们使用内联样式，给P标签添加样式： style="text-indent:2em"

8、再刷新刚刚打开的网页看效果，是不是缩进了两个字符啊！

这里我们是使用em这个单位来缩进了两个字符，你也可以使用px作为单位来缩进指定的像素。

设置段落标签P的样式，

p{text-intent:2em}段落第一行 缩进2字符。

看图效果更加明显一些：

前2段在代码中加了text-intent:2em之后，首行就自动缩进2字符。最后一段没加就没有进行缩进的。相比较效果更加明显。

---