Css 表格单元格上的内边界半径

我正在尝试创建一个带有HTML表和一些CSS的相框。 我想给它添加一个内边界半径，但我找不到给“边”（在“法线边界”和“带半径的边界”之间的空格）上色的方法

这是一个例子。目标是为中心单元格的边缘上色，而不上色（它必须是透明的，以显示下面的内容，即示例中的表格背景色）

表格{
边界间距：0；
背景色：浅绿色；
}
运输署{
边框：实心1px红色；
填充：50px；
背景色：红色；
}
中段{
边界半径：50px；
边框：1px纯绿色；
背景色：透明；
}
tr:first-child td{border-top-style:solid；}
tr td:first child{边框左侧样式：solid；}

1.1
1.2
1.3
2.1
2.2
2.3
3.1
3.2
3.3
<代码> > p>你需要考虑一个新的元素在你的代码> TD/<代码> BR>
如果有一个图像，你就不需要在你的div中使用这个
span


表格{
边界间距：0；
背景色：浅绿色；
}
运输署{
边框：实心1px红色；
填充：50px；
背景色：红色；
}
中段{
填充：0px；
}
#中心框架{
宽度：100px；
高度：100px；
保证金：自动；
边界半径：50px；
边框：1px纯绿色；
边框：实心1px红色；
背景颜色：浅蓝色；
文本对齐：居中；
}
#中跨{
线高：100px；
}
tr:first-child td{border-top-style:solid；}
tr td:first child{边框左侧样式：solid；}

1.1
1.2
1.3
2.1
2.2
2.3
3.1
3.2
3.3
为此使用
径向梯度


表格{
边界间距：0；
背景色：浅绿色；
}
运输署{
边框：实心1px红色；
填充：50px；
背景色：红色；
}
中段{
背景：径向梯度（最远侧，透明99%，红色100%）；
}
tr：第一个孩子td{
边框顶部样式：实心；
}
tr td：第一个孩子{
左边框样式：实心；
}

1.1
1.2
1.3
2.1
2.2
2.3
3.1
3.2
3.3
不幸的是，这并不能回答我的问题，因为单元格背景颜色必须是透明的，才能显示表格颜色，而不是简单地复制/粘贴它。@RémyRaes snippet更新后，请检查您的第一个版本在视觉上是否与预期结果相符，唯一的问题是，内部div需要透明才能显示表格颜色。如果您希望
td
为红色，并且它的子项具有
透明背景
，则当您将项的背景设置为透明时，无法在div的子元素处显示表格背景，而不能使用html css，它显示了家长的背景如果你有任何其他想法，我很好奇听到他们：）看起来很有趣！如何使用边界半径实现这一点？内部div在100%的时间内都不是完美的圆形（参见示例），这在具有相同宽度和高度的HTML元素上确实有效；在“矩形”元素上，与边界半径相比，半径渐变看起来会拉伸render@RémyRaes使用像素值而不是百分比值。当使用%vs px时，它对边界半径的作用相同