Question

我想知道是否有一个＆＃34; easy＆＃34;只在一个表的一边（即：只有最左边的列）进行渐变的方法，而不单独做每个渐变以给出连续的外观？

因此，在此代码中，日期应该是彩色的，颜色应该从白色开始，底部是纯色，所有文本都应保持白色

请帮助，否则我会长时间担心头痛

<table>
    <tr>
        <td>1990</td>
        <td>words and things</td>
        <td>more words and things</td>
    </tr>
    <tr>
        <td>2000</td>
        <td>no color here</td>
        <td>nor color here</td>
    </tr>
    <tr>
        <td>2010</td>
        <td>this should be white</td>
        <td>and this too</td>
    </tr>
    <tr>
        <td>2020</td>
        <td>Oh the places you'll go</td>
        <td>the magic that is CSS</td>
    </tr>
    <tr>
        <td>2030</td>
        <td>I am but a lowly peon</td>
        <td>take pity upon my soul</td>
    </tr>
</table>

Answer 1

您可以在此处制作跨浏览器渐变样式：http://www.colorzilla.com/gradient-editor/

这里有一些样式 - 用生成器为你创建的东西替换注释：

tbody tr td:first-child {
    /* this will apply to the first cell in each row */
}

tbody tr td:first-child + td {
    /* this will apply to the second cell in each row */
}

如何使用影响表格一侧的单个连续渐变

1 个答案: