<div> 表格是網(wǎng)頁設(shè)計(jì)中常用的元素，用于展示數(shù)據(jù)或布局頁面。在 HTML 中，可以使用<div>標(biāo)簽來創(chuàng)建表格。div 是一個(gè)塊級(jí)元素，可以用于定義一個(gè)獨(dú)立的矩形區(qū)域，并且可以通過 CSS 來進(jìn)行樣式定義。
下面是一些使用<div>標(biāo)簽創(chuàng)建表格的代碼案例：

<div>
<div style="display: table-row;">
<div style="display: table-cell;">A1</div>
<div style="display: table-cell;">B1</div>
<div style="display: table-cell;">C1</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">A2</div>
<div style="display: table-cell;">B2</div>
<div style="display: table-cell;">C2</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">A3</div>
<div style="display: table-cell;">B3</div>
<div style="display: table-cell;">C3</div>
</div>
</div>

上述代碼定義了一個(gè)3行3列的表格，每個(gè)單元格的內(nèi)容分別是 A1、B1、C1、A2、B2、C2、A3、B3、C3。通過設(shè)置每個(gè)<div>元素的樣式為 display:table-row 和 display:table-cell，可以將它們組織成表格的行和列。
除了上述的方式外，還可以使用 CSS 的 grid、flexbox 等屬性來創(chuàng)建表格布局。
以下是使用 CSS grid 屬性創(chuàng)建表格的代碼案例：

<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px;">
<div>A1</div>
<div>B1</div>
<div>C1</div>
<div>A2</div>
<div>B2</div>
<div>C2</div>
<div>A3</div>
<div>B3</div>
<div>C3</div>
</div>

此代碼將這9個(gè)<div>元素組織成一個(gè)3行3列的表格布局。通過設(shè)置<div>元素的樣式為 display:grid，并使用 grid-template-columns 屬性指定每列的寬度，可以創(chuàng)建一個(gè)自適應(yīng)的表格。
另一個(gè)常用的屬性是 flexbox，以下是使用 flexbox 屬性創(chuàng)建表格的代碼案例：

<div style="display: flex; flex-wrap: wrap;">
<div style="width: 33%;">A1</div>
<div style="width: 33%;">B1</div>
<div style="width: 33%;">C1</div>
<div style="width: 33%;">A2</div>
<div style="width: 33%;">B2</div>
<div style="width: 33%;">C2</div>
<div style="width: 33%;">A3</div>
<div style="width: 33%;">B3</div>
<div style="width: 33%;">C3</div>
</div>

上述代碼將這9個(gè)<div>元素組織成一個(gè)3行3列的表格布局。通過設(shè)置<div>元素的樣式為 display:flex 和 flex-wrap:wrap，并為每個(gè)<div>元素設(shè)置寬度，可以創(chuàng)建一個(gè)自適應(yīng)的表格。
通過使用<div>標(biāo)簽配合 CSS 中的表格屬性，可以輕松創(chuàng)建各種樣式的表格布局，并靈活地適應(yīng)不同的需求。