在CSS中，我們可以使用多種方法來改變表格的顏色，以下是一些常見的技巧：

1、使用CSS類：為表格元素定義一個CSS類，并在HTML中應用這個類。

.my-table {
    background-color: #f0f0f0; /* 表格背景色 */
    border: 1px solid #000; /* 表格邊框色 */
}

<table class="my-table">
    <tr>
        <td>數(shù)據(jù)1</td>
        <td>數(shù)據(jù)2</td>
    </tr>
    <tr>
        <td>數(shù)據(jù)3</td>
        <td>數(shù)據(jù)4</td>
    </tr>
</table>

2、使用行內(nèi)樣式：在HTML元素中直接使用style屬性來定義樣式。

<table style="background-color: #f0f0f0; border: 1px solid #000;">
    <tr>
        <td>數(shù)據(jù)1</td>
        <td>數(shù)據(jù)2</td>
    </tr>
    <tr>
        <td>數(shù)據(jù)3</td>
        <td>數(shù)據(jù)4</td>
    </tr>
</table>

3、使用CSS偽類：利用CSS的偽類來改變特定行的顏色，改變偶數(shù)行的背景色：

table tr:nth-child(even) {
    background-color: #f9f9f9;
}

4、使用邊框和背景屬性：通過改變邊框和背景屬性來影響表格的整體顏色方案。

table {
    border-collapse: collapse; /* 合并邊框 */
    border: 1px solid #000; /* 表格邊框色 */
    background-color: #f0f0f0; /* 表格背景色 */
}

5、使用CSS變量：在CSS中使用變量來定義和修改顏色。

:root {
    --table-bg-color: #f0f0f0; /* 表格背景色 */
    --table-border-color: #000; /* 表格邊框色 */
}
table {
    background-color: var(--table-bg-color); /* 使用變量定義背景色 */
    border: 1px solid var(--table-border-color); /* 使用變量定義邊框色 */
}

通過掌握這些技巧，你可以輕松地在CSS中改變表格的顏色，使其更加符合你的設計需求。