Css 如何在不减少边界边的情况下将边界顶部半径设置为50%？

我希望在整个半圆中有相同的边界宽度px

请参阅下面的图片附件：

装载机机架{ 高度：300px； 宽度：300px； 位置：相对位置； 背景：#fff； 边框顶部：3倍实心#3498db； 显示器：flex； flex-flow：行nowrap； 证明内容：中心； 对齐项目：居中； 边界半径：50%； }

---

您可以使

边框的两侧-*-color

透明

，并使用

变换：旋转（）

将其水平对齐：

装载机机架{ 高度：300px； 宽度：300px； 位置：相对位置； 背景：#fff； 边框：3px实心#3498db；/*已修改*/ 显示器：flex； /*弹性流：行nowrap；默认情况下*/ 证明内容：中心； 对齐项目：居中； 边界半径：50%； /*增加*/ 右边框颜色：透明； 边框底色：透明； 变换：旋转（45度）； }

---

有些页面可以让您完成工作。。。。toptal.com