Html 仅为div的外部边框设置边距

我在flex box容器中有三列。我在它们周围添加了边距，但我只希望对内部边框应用一个边距。我想可以使用：before和：after，但我是个新手：）

.flex网格{
显示器：flex；
宽度：100%；
证明内容：之间的空间；
文本对齐：居中；
}
钮扣{
文本对齐：居中；
利润率：15px 5px；
填充：10px 50px；
边界：无；
颜色：白色；
背景色：卡德蓝；
边界半径：10px；
}
上校{
背景：粉红色；
弹性：1；
宽度：330%；
利润率：50像素；
填充：20px；
边框：实心1px无；
边界半径：30px；
}

需要排水沟吗？您可以在列中添加边距。可以在列中添加填充。我喜欢使用对齐来创建列的想法，比如：Procitaj。。。
需要排水沟吗？您可以在列中添加边距。可以在列中添加填充。我喜欢使用对齐创建列的想法，如：

程序。。。
需要排水沟吗？您可以在列中添加边距。可以在列中添加填充。我喜欢使用对齐来创建列的想法，比如：Procitaj。。。

将容器的最左侧和最右侧垫起来，使其更大

使col的边距变小，使它们之间的空间变小

|padding[]margin[]margin[]padding |

使用

：第n个子（2）

选择器，可以将2列作为目标，并删除那些50px的边距

.flex网格{
显示器：flex；
宽度：100%；
证明内容：之间的空间；
文本对齐：居中；
}
钮扣{
文本对齐：居中；
利润率：15px 5px；
填充：10px 50px；
边界：无；
颜色：白色；
背景色：卡德蓝；
边界半径：10px；
}
上校{
背景：粉红色；
弹性：1；
宽度：330%；
利润率：50像素；
填充：20px；
边框：实心1px无；
边界半径：30px；
}
.col:n个孩子（2）{
利润率：50px 0px；
}

需要排水沟吗？您可以在列中添加边距。可以在列中添加填充。我喜欢使用对齐来创建列的想法，比如：Procitaj。。。
需要排水沟吗？您可以在列中添加边距。可以在列中添加填充。我喜欢使用对齐创建列的想法，如：

程序。。。
需要排水沟吗？您可以在列中添加边距。可以在列中添加填充。我喜欢使用对齐来创建列的想法，比如：Procitaj。。。

您能详细说明一下吗：“我在它们周围添加了填充，但我只想在内部边框上应用一个填充。”我认为使用nth-child（）可能是可行的对不起，我编辑了。第一个和最后一个外部部分的边距值为50px，但在第一个和第二个部分之间，我希望只有50px，而不是100px（两个元素的边距为2x50px）。在这种情况下，周围的所有空间都是均匀的，按内边界计算，你是指每两列之间的空间@这可能是你所期待的。如果没有，请对问题多加评论。谢谢。这正是我想要的。非常感谢。