方法1：使用CSS padding内补白（内边距）
可以推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。
语法：
p{
padding:10px 0;
}示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落案例</title>
<style>
p {
padding: 10px 0
}
/* css注释： 设置padding为上下10px */
</style>
</head>
<body>
<p>第一段 </p>
<p>第二段</p>
<p>第三段</p>
</body>
</html>效果图：
对比一下没有使用padding属性时的段间距：
可以看出通过对p标签设置padding上下补白即可实现段落之间间距。
方法2：css margin外边距
我们知道margin是设置上下左右对象与对象之间距离的。
语法：
p{
margin:10px 0;
}示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落案例</title>
<style>
p {
margin:30px 0;
}
/* css注释： 设置margin为上下30px */
</style>
</head>
<body>
<p>第一段 </p>
<p>第二段</p>
<p>第三段</p>
</body>
</html>效果：
对比一下没有使用margin属性时的段间距：
以上就是P标签段落距离如何设置？的详细内容，更多请关注0133技术站其它相关文章！
