1

我正在尝试将图像中的标题移到边框下方或下方。

边框上的标题

我正在使用moodle主题并追踪了生成边框的css块

.course-content .section.main {
   border:1px solid #E3E3E3;
}

我尝试在 CSS 规则中添加填充和边距，但无济于事。

.course-content .section.main {
   border:1px solid #E3E3E3;
   margin-top:5px;
}

.course-content .section.main {
   border:1px solid #E3E3E3;
   padding-top:5px;
}

我刚刚尝试了边框间距，但这似乎只适用于表格......

 .course-content .section.main{
   border:1px solid #E3E3E3;
   border-spacing:5px;
  }

在 html 编辑器中查看时，标题被此 html 包围。

   <div style="text-align: center; font-weight: bold;">
     <span style="font-size: x-large;" size="5">
       German III- HS/Part A
     </span>
   </div>

我不想手动编辑 html，因为涉及到数百门课程。

4

1 回答 1

0

您用来应用的选择器padding并margin没有选择您想要的。div 和 span 都没有这些类，因此它们没有得到您设置的填充或边距。

让您获得间距的一种选择是应用于padding-top跨度。为此，您需要先找到正确的选择器。

例如，以下选择器应该可以工作，但可能不够独占（也就是说，它可能适用于页面上比您要定位的更多跨度的属性）

div > span {
  padding-top: 5px;
}
于 2012-12-18T15:49:52.667 回答