html中加大p的距离,P标签段落距离如何设置？

在网页中文章段落一般我们用html

标签进行分段，使用p标签上一段文章与下一段文章中间就会产生距离，如何控制p与p之间的间距呢？下面本篇文章就来给大家介绍一下p标签段落距离如何调整与设置。

方法1：使用CSS padding内补白(内边距)

可以推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。

语法：p{

padding:10px 0;

}

示例：

段落案例

p {

padding: 10px 0

}

/* css注释： 设置padding为上下10px */

第一段

第二段

第三段

效果图：

对比一下没有使用padding属性时的段间距：

可以看出通过对p标签设置padding上下补白即可实现段落之间间距。

方法2：css margin外边距

我们知道margin是设置上下左右对象与对象之间距离的。

语法：p{

margin:10px 0;

}

示例：

段落案例

p {

margin:30px 0;

}

/* css注释： 设置margin为上下30px */

第一段

第二段

第三段

效果：

对比一下没有使用margin属性时的段间距：