css中设置首行缩进2字符的方法:
text-indent 属性规定了一个元素首行文本内容之前应该有多少水平空格。
例如:
text-indent: 2em 缩进2em,刚好两个字符。
完整演示代码如下:
<html>
<head>
<style type="text/css">
p {text-indent: 2em}
</style>
</head>
<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>
</html>
运行结果:
1、打开Notepad++,新建一个文件
2、输入图中内容:
3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html
4、选择文件的保存位置,点击保存按钮
5、然后添加一个标签,输入一段用来测试的文字。
6、使用浏览器打开查看显示样式,现在还没有缩进。
7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em"
8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!
这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。
你好使用css实现首行缩进其实很简单,使用text-indent属性即可。但是如果要缩进几个字符可以使用em单位,一般而言中文段首是缩进两个汉字,可以这么写:123p {text-indent: 2em}自然,如果缩进两个字符(即:一个汉字),就可以这么写:123p {text-indent: 1em}希望对你有帮助,如有疑问,请追问。望采纳~~