標(biāo)題：只用 CSS 制作表格

隨著現(xiàn)代網(wǎng)頁設(shè)計(jì)的不斷發(fā)展，表格已經(jīng)成為了一種非常常見的表單元素。表格可以用來展示各種數(shù)據(jù)，例如統(tǒng)計(jì)數(shù)據(jù)、產(chǎn)品列表、文檔結(jié)構(gòu)等等。為了讓表格更加美觀和易于使用，我們可以使用 CSS 來制作表格。

CSS 可以用來控制表格的大小、邊框、樣式和內(nèi)容。我們可以使用 CSS 表格屬性來設(shè)置表格的寬度和高度，以及邊框和內(nèi)邊距。我們還可以使用 CSS 表格樣式屬性來設(shè)置表格的樣式，例如表格標(biāo)題、單元格背景色、字體等等。

下面我們來看一個簡單的例子，展示如何使用 CSS 制作一個簡單的表格。

HTML 代碼：

<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>22</td>

<td>女</td>

</tr>

</tbody>

</table>

CSS 代碼：

table {

border-collapse: collapse;

width: 100%;

th, td {

border: 1px solid #ccc;

padding: 8px;

background-color: #f2f2f2;

background-color: #ddd;

text-align: left;

上面的代碼創(chuàng)建了一個具有兩個表頭的表格，并設(shè)置了它們的邊框和內(nèi)邊距。CSS 表格屬性還設(shè)置了表格的寬度為 100%，使得整個表格都能夠顯示出來。

我們可以使用 CSS 表格樣式屬性來設(shè)置表格的標(biāo)題和單元格的樣式。在 CSS 代碼中，我們使用了 `background-color` 屬性來設(shè)置表格標(biāo)題的背景色，使用 `text-align` 屬性來設(shè)置單元格的對齊方式。

通過使用 CSS 制作表格，我們可以使得表格更加美觀和易于使用，并且可以根據(jù)需要對其進(jìn)行修改和定制。