Css 背景色对背景色

我想给元素一个带有边框半径的背景色和一个额外的背景色，以显示边框半径删除第一个元素的位置

谁知道怎么做

伪代码：

.the-element-class {
  border-radius: 50%;
  background-color-with-border-radius: $color-light-blue;
  background-color-without-border-radius: $color-light-red;
}

---

您可以使用：：before selector添加覆盖以达到要求，请检查以下示例

.特别的{ 边界半径：50%； 背景色：红色； 宽度：100px； 高度：100px； } .特别{ 内容：； 位置：绝对位置； 宽度：继承； 身高：继承； 背景颜色：黄色； z指数：-1； }

---

您可以使用：：before selector添加覆盖以达到要求，请检查以下示例

.特别的{ 边界半径：50%； 背景色：红色； 宽度：100px； 高度：100px； } .特别{ 内容：； 位置：绝对位置； 宽度：继承； 身高：继承； 背景颜色：黄色； z指数：-1； } 使用径向渐变：

.盒子{ 背景： 径向梯度最远侧，黄色98%，透明100%， 红色 宽度：100px； 高度：100px； } 使用径向渐变：

.盒子{ 背景： 径向梯度最远侧，黄色98%，透明100%， 红色 宽度：100px； 高度：100px； }

---

bg颜色+径向渐变…..bg颜色+径向渐变。。。。。