HTML自定义框架

大家好，我期待实现以下电子邮件模板

有人能帮忙吗。我一直在尝试边界半径，但似乎不起作用

谢谢你的帮助！ 提前谢谢。

*{
框大小：边框框；
}
.盒子{
显示：内联flex；
宽度：200px；
高度：200px；
填充：20px；
证明内容：中心；
对齐项目：居中；
位置：相对位置；
}
.box：：之前{
内容：''；
宽度：50%；
身高：50%；
位置：绝对位置；
边框顶部：2件纯黑；
左边框：2倍纯黑；
排名：0；
左：0；
}
.box：：之后{
内容：''；
宽度：50%；
身高：50%；
位置：绝对位置；
右边框：2倍纯黑；
底部边框：2件纯黑；
底部：0；
右：0；
}

这里有一些文本

这里有一些文本

这里有一些文本

这里有一些文本

这里有一些文本

这里有一些文本

这里有一些文本

这里已经回答了这个问题：

但是我使用了边框宽度，并且在

：：之前和
：：之后


.main包装器{
文本对齐：居中；
填充：10px；
保证金：自动；
位置：相对位置；
宽度：250px；
}
.mainwrapper:之前，.mainwrapper:之后{
位置：绝对位置；
宽度：50px；
高度：50px；
边框颜色：#111；
边框样式：实心；
内容：''；
}
.main:以前{
排名：0；
左：0；
边框宽度：2px 0 0 2px；
}
.main:之后{
底部：0；
右：0；
边框宽度：0 2px 2px 0；
}

这里有文本吗

这里有文本吗

这里有文本吗

这里有文本吗

这里有文本吗

这里有文本吗

请显示您的代码。举个简单的例子：。或最小重复性示例：这是否回答了您的问题查看哪一个有您需要的确切结果您的贡献在堆栈溢出上是受欢迎的，但是当一个问题已经有了这样的答案时，正确的操作是将其标记为重复，这样站点就不会被已经回答的多余问题弄得杂乱无章：）请参阅。如果您对此问题有一个新的答案，您可以始终将其添加到副本指向的原始问题中。堆栈溢出欢迎您的贡献，但是当一个问题已经有了类似此问题的答案时，正确的操作是将其标记为副本，这样网站就不会被已经回答过的多余问题弄得乱七八糟：）请看。如果您对此问题有一个新的答案，您可以始终将其添加到副本所指向的原始问题中。