Css 如何使部分div边框不可见

大家好。只是不知道如何删除div#additionalBorder的中心部分。我原以为我可以用内部div#partition完成它，但被卡住了。有可能这样做吗？ 或者我应该使用伪元素：：before。 以下是我的意思：

#外圆{
显示器：flex；
柔性包装：包装；
保证金：0自动；
宽度：560px；
边框：2个点灰色；
位置：相对位置；
}
.大按钮{
高度：250px；
宽度：250px；
边框：实心#4646；
}
#绿色按钮{
背景色：#23a846；
边界半径：100%0；
边框宽度：20px 10px 10px 20px；
}
#红色按钮{
背景色：#a50005；
边界半径：0 100%0 0；
边框宽度：20px 20px 10px 10px；
}
#黄色按钮{
背景色：#a7a408；
边界半径：01100%；
边框宽度：10px 10px 20px 20px；
}
#蓝钮扣{
背景色：#162da7；
边界半径：0 100%0；
边框宽度：10px 20px 20px 10px；
}
div#内圆{
边框：15px实心#4646；
边界半径：50%；
位置：绝对位置；
最高：25%；
右：25%；
背景色：aliceblue；
}
附加边界分区{
保证金：4倍；
边框：2件纯黑；
边界半径：50%；
高度：238px；
宽度：238px；
溢出：隐藏；
}
p#商标{
保证金：自动；
高度：102px；
文本对齐：居中；
字体大小：68px；
字体系列：myDirector；
颜色：aliceblue；
背景色：黑色；
边框颜色：仿古白色；
线高：140px；
}
span#reg{
字体大小：9px；
}
.分割{
高度：7px；
}
.按钮{
高度：130像素；
边框顶部：2件纯黑；
显示器：flex；
弯曲方向：立柱；
证明内容：周围的空间；
}

西蒙®；

我只是更改了这个类。我从“div.additionalBorder”中删除了边框，并将边框、边框半径添加到“。按钮”

#外圆{
显示器：flex；
柔性包装：包装；
保证金：0自动；
宽度：560px；
边框：2个点灰色；
位置：相对位置；
}
.大按钮{
高度：250px；
宽度：250px；
边框：实心#4646；
}
#绿色按钮{
背景色：#23a846；
边界半径：100%0；
边框宽度：20px 10px 10px 20px；
}
#红色按钮{
背景色：#a50005；
边界半径：0 100%0 0；
边框宽度：20px 20px 10px 10px；
}
#黄色按钮{
背景色：#a7a408；
边界半径：01100%；
边框宽度：10px 10px 20px 20px；
}
#蓝钮扣{
背景色：#162da7；
边界半径：0 100%0；
边框宽度：10px 20px 20px 10px；
}
div#内圆{
边框：15px实心#4646；
边界半径：50%；
位置：绝对位置；
最高：25%；
右：25%；
背景色：aliceblue；
}
附加边界分区{
边界半径：50%；
保证金：4倍；
身高：242px；
宽度：242px；
溢出：隐藏；
}
p#商标{
保证金：自动；
高度：102px；
文本对齐：居中；
字体大小：68px；
字体系列：myDirector；
颜色：aliceblue；
背景色：黑色；
边框颜色：仿古白色；
线高：140px；
}
span#reg{
字体大小：9px；
}
.分割{
高度：7px；
}
.按钮{
边框：2件纯黑；
边界半径：0 130px 130px；
高度：130像素；
显示器：flex；
弯曲方向：立柱；
证明内容：周围的空间；
}

西蒙®；

您所说的中心部分到底是什么意思？你能提供一个预期输出的图像吗？你想要什么plz简单地说，这是HTML和CSS的过度复杂。你最好用SVG好的，明白了。因为这些区域是相同的纯色，你可以在中间放置一个需要厚度的条，但是正如上面提到的“Pauleid”，你可以用SVG更容易地做整个事情。如果不难，写几句话，你是怎么做到的？“因为其他人会更清楚地去寻找抱歉的塔拉斯，我一方面在工作。我正在编辑我的答案。

div.additionalBorder {
  border-radius: 50%;
  margin: 4px;
  height: 242px;
  width: 242px;
  overflow: hidden;
}

.buttons {
  border: 2px solid black;
  border-radius: 0 0 130px 130px;
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}