標題：使用 CSS 畫四乘四的表格

在網頁中，我們可以使用 CSS 創建各種樣式，包括表格樣式。下面我們將介紹如何使用 CSS 畫四乘四的表格。

1. 創建一個四乘四的表格。使用表格元素 `table` 和表格行 `tr` 元素，我們可以創建一個四乘四的表格。

```html

<table>

<tr>

<td>第一行</td>

<td>第二行</td>

<td>第三行</td>

<td>第四行</td>

</tr>

<tr>

<td>第一行</td>

<td>第二行</td>

<td>第三行</td>

<td>第四行</td>

</tr>

<tr>

<td>第一行</td>

<td>第二行</td>

<td>第三行</td>

<td>第四行</td>

</tr>

</table>

2. 使用 CSS 設置表格的寬度和高度。我們可以使用 `width` 和 `height` 屬性來設置表格的寬度和高度。

```css

table {

width: 4乘4; /* 設置表格寬度為 4 乘 4 像素 */

height: 100px; /* 設置表格高度為 100 像素 */

width: 4乘4; /* 設置每一行表格寬度為 4 乘 4 像素 */

height: 100px; /* 設置每一行表格高度為 100 像素 */

3. 使用 CSS 設置表格的背景和邊框樣式。我們可以使用 `background` 和 `border` 屬性來設置表格的背景和邊框樣式。

```css

table {

background-color: #f0f0f0; /* 設置表格背景為深灰色 */

border-collapse: collapse; /* 設置表格邊框合并 */

background-color: #fff; /* 設置每一行表格背景為白色 */

border: 1px solid #ccc; /* 設置每一行表格邊框為黑色 */

當我們運行這段代碼時，我們將創建一個四乘四的表格，其中每一行都是一個單獨的單元格。我們可以使用 CSS 的表格樣式來調整表格的外觀，使其更符合我們的需求。通過使用 `width` 和 `height` 屬性，我們可以控制表格的大小，并使用 `background` 和 `border` 屬性來設置表格的背景和邊框樣式，使表格看起來更加美觀。