欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

Html段间距怎么设置

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

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教程,请关注杨雨个人博客。 本文地址:http://itbyc.com/web/css3/19960.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1