如何将填充置于图像边界之外？

Question

我正在尝试在图像上方放置一些填充，以便它不直接与我那里的文字相对。图像上面有边框，当我尝试在其上方放置填充时，图像边框的顶部在那里。因此，边框之间的图像上方有多余的空间。谁能帮我？这是我正在使用的CSS：

img {
  padding-top: 28px;
  border:5px solid #e26b34;
}

Answer 1

只需使用margin-top，如下所示。边距与填充基本相同，只是边距位于元素内部（边框内），而边距位于元素外部（边框外）。

您可以找到有关边距和填充here的更多信息。

img {
  margin-top: 28px;
  border:5px solid #e26b34;
}

<img src="https://www.w3schools.com/w3css/img_lights.jpg">