Css 如何将边框颜色作为表格行的线性渐变';中国的边界?

Css 如何将边框颜色作为表格行的线性渐变';中国的边界?,css,html-table,Css,Html Table,我试图将表行的边框颜色设置为线性渐变。下表代码如下: td:first-child { border-left: 1px solid black; border-bottom-left-radius: 50px; border-top-left-radius: 50px; } td:last-child { border-right: 1px solid black; border-bottom-right-radius: 50px; border-top-right-radius

我试图将表行的边框颜色设置为线性渐变。下表代码如下:

td:first-child {
 border-left: 1px solid black;
 border-bottom-left-radius: 50px;
 border-top-left-radius: 50px;
}

td:last-child {
 border-right: 1px solid black;
 border-bottom-right-radius: 50px;
 border-top-right-radius: 50px;
}

td {
 padding-left: 4%;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}
我知道我可能需要在第一个孩子、最后一个孩子以及td班上分别设置

下面的代码我已经在TableData(td)上试过了,但没有成功。此代码填充内部表格数据背景,而不是边框颜色:

td {
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 border: 1px solid transparent;
 border-radius: 100px;
 background-image: linear-gradient(white, white),
 linear-gradient(178.18deg, #fd749b -13.56%, #281ac8 158.3%);
 background-origin: border-box;
 background-clip: content-box, border-box;
}
预期输出:

请尝试此操作

这是桌子的演示

td:第一个孩子{
左边框:1px纯黑;
边框左下半径:50px;
边框左上半径:50px;
}
td:最后一个孩子{
右边框:1px纯黑;
边框右下半径:50px;
边框右上角半径:50px;
}
运输署{
文本缩进:5%;
边框顶部:1件纯黑;
边框底部:1px纯黑;
边框:1px实心透明;
边界半径:50px;
背景图像:线性渐变(白色,白色),
线性梯度(178.18度,#fd749b-13.56%,#281ac8 158.3%);
背景来源:边框框;
背景剪辑:内容框、边框框;
}

名字
姓氏
年龄
约翰
道尔顿
50
前夕
杰克逊
94

能否添加相关html代码?请添加预期输出的屏幕截图或图像。感谢您的回复。我添加了一个屏幕截图。请查收。我的HTML代码和你的相同,所以没问题。顺便说一句,我想梯度只停留在边界半径像截图。