如何增加章节内容结尾与后续章节标题之间的间距

如何增加章节内容结尾与后续章节标题之间的间距

如何增加 CSS 文件中的结尾内容和标题之间的间距?例如,请考虑以下哑网页的一部分。

在此处输入图片描述

例如,我想增加第 1 节结尾和第 2 节标题之间的间距,如上图所示。我要在 CSS 文件中添加什么才能实现此目的?

答案1

您可以将 margin-bottom 属性应用于第 1 节,或者将 margin-top 应用于第 2 节的标题,如下所示:

.section1{
margin-bottom: 10px;
} 

或者

.section2{
margin-top: 10px;
}

将此样式添加到您的 css 文件中。根据您想要的空间大小更改边距的值。将 margin-bottom 应用于第 1 节或将 margin-top 应用于第 2 节的标题。不要同时应用两者,因为它们之间的空间会加倍。

尝试一下,如果有任何疑问请告诉我。希望这对您有所帮助。

谢谢。

答案2

如果您无法向段落添加 css 类,您可以随时尝试第一个子选择器,它允许您向文档的第一个 p 添加边距或填充以添加额外的空间。

p:first-child {
  margin-bottom:20px;
}

来源:https://www.w3schools.com/cssref/sel_firstchild.asp

相关内容