在CSS樣式中，我們可以通過(guò)設(shè)置表格的樣式來(lái)定義其寬度和高度，以下是一些常見(jiàn)的設(shè)置方法：

1、設(shè)置表格寬度：

- 使用width屬性來(lái)定義表格的寬度。width: 500px;將使表格寬度為500像素。

- 百分比寬度：width: 50%;將使表格寬度為其父元素寬度的50%。

2、設(shè)置表格高度：

- 使用height屬性來(lái)定義表格的高度。height: 300px;將使表格高度為300像素。

- 百分比高度：height: 30%;將使表格高度為其父元素高度的30%。

3、設(shè)置單元格寬度和高度：

- 可以通過(guò)設(shè)置width和height屬性來(lái)定義單個(gè)單元格的寬度和高度。

- td { width: 100px; height: 50px; }將設(shè)置所有td元素的寬度為100像素，高度為50像素。

4、響應(yīng)式表格：

- 使用媒體查詢(xún)（Media Queries）來(lái)創(chuàng)建響應(yīng)式表格，根據(jù)屏幕大小自動(dòng)調(diào)整寬度和高度。

- @media screen and (max-width: 600px) { table { width: 100%; height: auto; } }將在屏幕寬度小于600像素時(shí)，將表格寬度設(shè)置為100%，高度設(shè)置為自動(dòng)。

5、邊框和間距：

- 通過(guò)設(shè)置border屬性來(lái)添加邊框，如border: 1px solid #000;將添加1像素寬的黑色邊框。

- 使用padding和margin屬性來(lái)控制單元格的內(nèi)外間距。

6、表頭固定：

- 通過(guò)設(shè)置position: sticky;可以將表頭固定在頁(yè)面頂部，隨著頁(yè)面滾動(dòng)而保持可見(jiàn)。

- thead { position: sticky; top: 0; }將使表頭固定在頁(yè)面頂部。

7、背景色和顏色：

- 使用background-color屬性來(lái)設(shè)置表格的背景色，如background-color: #f0f0f0;將背景色設(shè)置為灰色。

- 通過(guò)color屬性來(lái)改變字體顏色，如color: #333;將字體顏色設(shè)置為深灰色。

這些CSS樣式可以幫助你更好地控制和定制HTML表格的外觀和行為，記得在實(shí)際應(yīng)用中根據(jù)需求進(jìn)行調(diào)整和優(yōu)化。