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

html-css024

首行缩进2字符怎么设置 css,第1张

html首行缩进2字符，可以使用CSS属性中的【text-indent】进行设置。

设置代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>缩进2字符</title>

<style type="text/css">

p{ text-indent:2em}

</style>

</head>

<body>

<p>首行缩进2字符的案例展示如下。需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果，需要多写几行看效果。</p>

</body>

</html>

你好使用css实现首行缩进其实很简单，使用text-indent属性即可。但是如果要缩进几个字符可以使用em单位，一般而言中文段首是缩进两个汉字，可以这么写：123p

{

text-indent:

2em}自然，如果缩进两个字符（即：一个汉字），就可以这么写：123p

{

text-indent:

1em}希望对你有帮助，如有疑问，请追问。望采纳~~

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

2、输入图中内容：

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

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

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

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

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

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

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