本文目錄導(dǎo)讀：

1. 創(chuàng)建表格
2. 使用CSS3美化表格

CSS3制作表格的方法

CSS3可以用來制作各種樣式的表格，下面是一些基本的制作方法。

創(chuàng)建表格

我們需要使用HTML創(chuàng)建表格的結(jié)構(gòu)，一個(gè)簡單的表格如下：

<table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>年齡</th>
            <th>性別</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>張三</td>
            <td>20</td>
            <td>男</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>25</td>
            <td>女</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="2">合計(jì)</td>
            <td>2人</td>
        </tr>
    </tfoot>
</table>

使用CSS3美化表格

1、表格邊框和背景色：我們可以使用CSS3的border和background-color屬性來設(shè)置表格的邊框和背景色。

table {
    border: 1px solid #000;
    background-color: #fff;
}

2、表格頭部和尾部：我們可以使用CSS3的thead和tfoot標(biāo)簽來分別設(shè)置表格的頭部和尾部的樣式。

thead {
    background-color: #f0f0f0;
}
tfoot {
    background-color: #e0e0e0;
}

3、表格行和列：我們可以使用CSS3的tr和th標(biāo)簽來分別設(shè)置表格的行和列的樣式。

tr {
    border-bottom: 1px solid #000;
}
th {
    text-align: center;
}

通過以上CSS3代碼，我們可以制作出各種樣式的表格，使得網(wǎng)頁更加美觀和易用。