手揣网教程:绿色安全纯净官方版,体验当今速度最快的浏览器!

html段间距如何设置

时间:2024/6/18作者:未知来源:手揣网教程人气:

[摘要]html段落间距怎么设置?html设置段落间距方法,很多人在学习制作网页的时候,可能会遇到要设置段间距,下面我们来总结一下html段间距怎么设置?在html中,文章段一般都是使用P标签进行分段,在使...
html段落间距怎么设置?html设置段落间距方法,很多人在学习制作网页的时候,可能会遇到要设置段间距,下面我们来总结一下html段间距怎么设置?

html段间距如何设置

在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中文网其它相关文章!


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



关键词:html段间距怎样设置




Copyright © 2012-2018 手揣网教程(http://www.shouchuai.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版