Html CSS-如何避免碰撞

我创建了一个CSS外部文件，遇到了很多关于边框的问题

我想为每个部分创建一个边框，我想让这些部分被一个空格隔开，而不是让它们的边框发生碰撞

我正在运行以下代码：

然而，这两个部分的边界正在发生冲突

---

我是个傻瓜，昨天开始使用html+css

这是一个例子，您可以调整它的状态

.main{
显示器：flex；
}
.广场{
宽度：300px；
高度：300px；
边框：2件纯黑；
利润率：30像素；
}

---

边框间距仅适用于表格。 您必须了解长方体模型以及边距和填充物的排列方式：

---

请与我们共享您的html和css，以便我们能够帮助您。请与社区共享您的一些代码，以便我们了解您正在做什么和哪些不起作用。考虑一下像阿尔科这样的服务，非常感谢！！我想知道，我现在如何在这些专栏中写作？为了给你一个想法，我正在尝试创建一系列包含书面内容的专栏，如下所示：