html中 段前段后间距怎么设置？

段落基本上是用<p></p>标签，你可以在css样式表中设置两个<p>标签的段前后间距。举个例子：

<p class="first">这是第一个段落，我希望我段前有30px的间隔,段后有20px的间隔</p>

<p class="second">这是第二个段落，因为第一段段后有20px，所以我希望段前有10px的间隔,段后有30px的间隔</p>

CSS:

.first{

    margin-top:30px

    margin-bottom:20px

}

.second{

    margin-top:10px

    margin-bottom:30px

}

1、打开vscode，创建一个H5规范的页面，用于演示html行间距的设置方式。

2、在页面中添加一个div，设置宽度为300，目的是为了让div中的文字换行，从而设置行高

3、在浏览器中打开页面，可以看到默认的文字间距，如图所示

4、如果想要将行间距增大，那么可以在div标签中的style属性中添加line-height属性值

5、在浏览器中打开页面，此时就可以看到文字间距变大了

---