在 盒子模型模块中，我们考虑了使用帧类比来描述框模型的每个部分。

边框框是框的框架，border 属性为您提供了大量选项，供您以您能想到的几乎任何样式创建该框架。

边框属性

单个 border 属性提供了一种为边框的各个部分设置样式的方法。

假设您有这样一段 HTML：

<p>I am a paragraph of text that has a few words in it.</p>

假设您有一个由三个框组成，这些框堆叠在一起的集合，并且您希望它们之间留有空间。您能想到在 CSS 中通过几种方式来实现这一点？

margin 属性或许可以提供您所需的内容，但也可能会添加您不想要的额外间距。例如，如何仅定位上述各元素之间的空间？ 在这种情况下，像 gap 之类的代码可能更合适。您可以通过多种方式调整界面中的间距，每种方式都有自己的优势和注意事项。

HTML 间距

HTML 本身提供了一些设置空间元素的方法。 借助 <br> 和 <hr> 元素，您可以在块方向上为元素设置间距。如果您使用的是基于拉丁语的语言，这些方向即为从上到下。