1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html代码段落自动缩进 css怎么设置段落缩进?

html代码段落自动缩进 css怎么设置段落缩进?

时间:2024-05-16 21:25:24

相关推荐

html代码段落自动缩进 css怎么设置段落缩进?

段落缩进很实用,配合P标签能起到意想不到的效果。CSS中的段落缩进定义是通过text-indent来实现,本文就来为大家介绍一下css使用text-align属性设置段落首行缩进的方法。

text-indent属性介绍:

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

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

说明

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

示例:

css首行缩进的代码使用示例

p {text-indent:36px;}

这里是关于css文本缩进的一段文字。

这里是关于css文字缩进的一段文字。

这里是关于css首行缩进的一段文字。

这里是关于css文本缩进的一段文字。

这里是关于css文字缩进的一段文字。

这里是关于css首行缩进的一段文字。

这里是关于css文本缩进的一段文字。

这里是关于css文字缩进的一段文字。

这里是关于css首行缩进的一段文字。

效果如下图:

我们从图中可以发现,这个html段落产生了首行缩进的效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。