首行缩进2字符,css首行缩进2字符怎么设置?

1、首先打开Notepad++软件首行2,新建一个空文件

首行缩进2字符,css首行缩进2字符怎么设置?

2、输入下图所示内容:

首行缩进2字符,css首行缩进2字符怎么设置?

3、点击左上角的文件会出现下图所示界面点击保存

首行缩进2字符,css首行缩进2字符怎么设置?

4、点击后会出现下图界面,文件名为css.html,这里CSS只是一个示例,其实只需要扩展名使用.htm或.html就可以了。选择好文件需要保存位置以后点击保存按钮即可

首行缩进2字符,css首行缩进2字符怎么设置?

5、然后添加一个标签,输入一段用来测试的文字,具体如下图所示。

首行缩进2字符,css首行缩进2字符怎么设置?

6、这个时候在浏览器里打开查看显示样式是没有缩进的。

首行缩进2字符,css首行缩进2字符怎么设置?

7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style=”text-indent:2em;”,具体如下图所示。

首行缩进2字符,css首行缩进2字符怎么设置?

8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的

首行缩进2字符,css首行缩进2字符怎么设置?

版权声明:本站部分文章来源互联网,主要目的在于分享信息,版权归原作者所有,本站不拥有所有权,不承担相关法律责任,如有侵权请联系我们,本站将立刻删除。
(0)
上一篇 2022年5月28日 下午3:10
下一篇 2022年5月28日 下午3:10

相关推荐