首页 > web前端 > css教程 > 正文

html段间距怎么设置

云罗郡主
发布: 2018-11-23 13:44:16
原创
36459 人浏览过

html段落间距怎么设置?html设置段落间距方法,很多人在学习制作网页的时候,可能会遇到要设置段间距,下面我们来总结一下html段间距怎么设置?

v 8.png

在html中,文章段一般都是使用P标签进行分段,在使用p标签的时候,上下段落之间就会产生一点的距离,那么我们怎么控制段落之间的距离呢,一般我们都是通过css对段落之间的距离进行设置。

1.行高属性:line-height

line-height属性可以对设置段落之间的距离,一般数值越大,段落之间的间距就越大,当然字和字的距离也是变大,很多时候,我们一般不会使用line-height属性来设置。

代码如下:

p{line-height:30PX}

2.内边距进行补白

html段间距也可以使用padding对段落之间的距离进行设置,对上下进行内补白,从而实现段落之间的距离设置。代码如下:

P{dading:30px 0}

3.对外边距margin的设置

我们都会margin应该不是很陌生,其实只要我们设置margin的上下左右边距和对象之间的距离,就可以实现上下段落之间的距离。语法如下:

p{margin:30px 0}

在文章段落中,分段一般都是p标签,想实现段落之间的距离,我们一般使用maring和dadding这两种方式,可以轻松实现段落之间的距离。

以上就是对html段间距怎么设置的全部介绍,如果你想了解更多有关CSS3教程,请关注php中文网。


以上是html段间距怎么设置的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板