css缩进（css缩进2字符怎么缩）

本篇文章给大家谈谈css缩进，以及css缩进2字符怎么缩对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、css中首行缩进什么代码，，
• 2、css怎么首行缩进
• 3、首行缩进2字符怎么设置 css

css中首行缩进什么代码，，

在CSS样式表中设置态中文本首行缩氏手进的样式歼闭嫌规则。代码如下：

div{

text-indent:2em;

font-size:24px;

width:400px;

}

[img]

css怎么首行缩进

text-indent: 2em;

具体方法：

新建一个html代码文件，然后在这个html代码页面上创建一个div，同时给这个div设置一个class类；然后在这个div中创建几个p,并个p添加上内容。

代码：

div class="cont"

p顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p

p的顶顶顶顶顶的顶顶顶顶顶/p

p顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多蔽历多多多多多多多多多多多多多多多多多多多多多多多多多/p

/div

设置样式穗历。在猜并搜title标签后面新建一个style,在这个style设置cont类的宽为400px，然后设置p标签的首行缩进为两个字符。如图：

代码：

style

.cont{

width:400px;

}

.cont p{

text-indent: 2em;

}

/style

使用浏览器打开，即可看到首行缩进的效果。如图：

所有代码。直接复制所有代码，粘贴到新建html文件上，保存后使用浏览器打开即可看到所有效果。

代码：

!DOCTYPE html

html

head

meta charset="UTF-8"

title首行缩进/title

style

.cont{

width:400px;

}

.cont p{

text-indent: 2em;

}

/style

/head

body

div class="cont"

p顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p

p的顶顶顶顶顶的顶顶顶顶顶/p

p顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p

/div

/body

/html

扩展资料：

CSS text-indent属性规定文本块中首行文本的缩进。

注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。

注意：在 CSS 2.1 之前，text-indent 总是继承计算值，而不是声明值。

用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值，这会产生一种“悬挂缩进”的效果。

所有浏览器都支持 text-indent 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

参考资料来源：百度百科：CSS text-indent

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

使用CSS的text-indent属性可以定义文本段落中的首行字体缩进的效果。使用该属性只对元素中的段落产生影响。对于使用br标签产生的换行效果，并不起作用。

1、在CSS样式表中设置文本首行缩进的样式规则。代码如下：

div{

 text-indent:2em;

 font-size:24px;

 width:400px;

}

div标签选择器使用text-indent属性将段落首行缩进2em，这是两个汉字字符的宽度。使用font-size属性携滚将字体大小设置为24px，使用width属性将div元素的宽度设置为400px，都是为了使效果能够更好地显示。

2. 在HTML网页中添加要使用标签选择器的div元素内容。代码如下：

body

div

p这段内容是一个文本首行字体缩进的辩培余实例，注意文本中段落首行部分的显示效果。/p

p这段内容是一个文本首行字体缩进的实例，注意文本中段落首行部分的显示效果。/p

/div

div标签选择器直中族接应用到了相关的HTML div元素中，不再需要另外进行设置了。

3. 在浏览器中浏览文本首行缩进的显示效果。如下图所示：

从上图中可以看出，只要在父元素中定义了文本的缩进属性，在各个子元素中将继续继承这个缩进属性值。

关于css缩进和css缩进2字符怎么缩的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。