html页面中怎么控制文字段落的行间距

html-css024

html页面中怎么控制文字段落的行间距,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的第二个<p>标签中，输入样式代码：style="margin-top: 30px"。

3、浏览器运行index.html页面，此时文本段落的行间距被设置为了30px。

段落基本上是用<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

}