gpt4 book ai didi

css - 如何将边框颜色作为线性渐变放在表格行边框上?

转载 作者:行者123 更新时间:2023-12-05 07:01:42 26 4
gpt4 key购买 nike

<分区>

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

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;
}

我知道我可能需要分别放在第一个、最后一个 child 以及 td 类上。

下面的代码我已经在表 data(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;
}

预期输出:Expect Output

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com