【发布时间】：2021-08-17 14:56:39
【问题描述】：
我正在尝试对我的响应式表格进行样式化，并希望背景包含渐变。我的问题是，所有应用的样式在每个单元格中都会重复，所以看起来就像是一个可怕的图像被复制。
我正在使用的渐变：
background: linear-gradient(to right, rgb(170, 7, 107), rgb(97, 4, 95));
表：
我知道表格中有很多 td/th 元素，并且它可以采用自己的样式，但是如何保持每行的颜色一致？
谁能指引我正确的方向？
【问题讨论】：
-
我们得到你所拥有的。我们可以在图像和 Codepen 中看到这一点。你能分享一个展示你想要什么的模拟吗？我的意思是，您要渲染的最终输出是什么？你本可以给出背景
-
您是希望线性渐变（粉红色）背景在隔行上还是在整个桌子上或......
-
您在使用 Safari 吗？这似乎分割了背景，因此它在每个单元格上重新启动（至少在 IOS 14 上），但在 Chrome（Windows 10）中，渐变沿着整行是连续的，我认为这是你想要的。
-
@Deepak Yadav 感谢您的回复。我希望渐变在整行之间保持一致，而不仅仅是单元格。我很乐意在接下来的一个小时内提供所需的输出。
-
@A Haworth 最好每隔一行。
标签： html css html-table gradient