css首行缩进2字符怎么设置篇1
1、打开Notepad++,新建一个文件
2、输入图中内容:
3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html
4、选择文件的保存位置,点击保存按钮
5、然后添加一个标签,输入一段用来测试的文字。
6、使用浏览器打开查看显示样式,现在还没有缩进。
7、接下来添加样式,这里我们使用内联样式,给P标签添加样式:style="text-indent:2em;"
8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!
这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。
首行缩进2字符怎么设置css篇2
使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
代码如下:
<styletype="text/css">
p{
text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/
}
</style>
注:div标签不要忘记起始符。text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。
用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。
在style里定义如下缩进样式:.suojin{text-indent:2em}
在需要缩进的地方使用class="suojin"即可,比如用一个div定义一整块段落首先缩进,
凡在div区域里,浏览器一碰上p语句(即一个新段的开始),就会执行.suojin所定义的缩进。
也可以在正文中使用嵌入式CSS样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):
<divstyle="text-indent:2em">
<p>;段落一</p>
<p>;段落二</p>
<p>;段落三<p>
</div>
两种方法各有长处短处,可根据需要决定使用哪一种方法。
首字缩进2个字符怎么用css样式注释篇3
以前在远标学过把Web页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。
CSS提供了text-indent属性,该属性可以方便地实现文本缩进。
通过使用text-indent属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。
这个属性最常见的用途是将段落的首行缩进。
所以在div中要使文本首行缩进可以这样写(假设div的class类名为text):
.text{text-indent:2em;}
这样就可以实现首行文字缩进两个中文字符。