1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html设置p距左侧距离 P标签段落距离如何设置?

html设置p距左侧距离 P标签段落距离如何设置?

时间:2020-07-10 05:16:27

相关推荐

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属性时的段间距:

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