小编Pat*_*ngs的帖子

设置表格行的背景颜色

我有一张遍布整个页面的表格.

我使用斑马条纹nth-childtr的设置background行的.问题是它只是着色细胞而不是整行.您可以在彩色行的每个单元格之间看到空白区域.

你可以在这里看到一个例子

table {
    width: 100%;
}
tr:nth-child(even) {
    background: peachpuff;
}
Run Code Online (Sandbox Code Playgroud)
<table>
    <tbody>
        <tr>
            <td>0</td>
            <td>0</td>
        </tr>
        <tr>
            <td>1</td>
            <td>0</td>
        </tr>
        <tr>
            <td>2</td>
            <td>0</td>
        </tr>
        <tr>
            <td>3</td>
            <td>0</td>
        </tr>
        <tr>
            <td>4</td>
            <td>0</td>
        </tr>
        <tr>
            <td>5</td>
            <td>0</td>
        </tr>
        <tr>
            <td>6</td>
            <td>0</td>
        </tr>
        <tr>
            <td>7</td>
            <td>0</td>
        </tr>
        <tr>
            <td>8</td>
            <td>0</td>
        </tr>
        <tr>
            <td>9</td>
            <td>0</td>
        </tr>
    </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

你如何改变background整行的颜色而不是每个单独的细胞?

html css html-table

5
推荐指数
1
解决办法
7780
查看次数

标签 统计

css ×1

html ×1

html-table ×1