HTML和CSS是網(wǎng)頁(yè)設(shè)計(jì)的兩個(gè)重要部分，HTML用于創(chuàng)建網(wǎng)頁(yè)的結(jié)構(gòu)，而CSS則用于定義網(wǎng)頁(yè)的外觀和樣式，在HTML中插入表格，可以使用<table>標(biāo)簽，而CSS可以用來美化表格的樣式。

我們來看一下如何在HTML中插入表格，在HTML文檔中，使用<table>標(biāo)簽來創(chuàng)建一個(gè)表格，表格由行和列組成，行使用<tr>標(biāo)簽表示，列使用<td>或<th>標(biāo)簽表示，其中<th>標(biāo)簽用于定義表頭。

<table>
  <tr>
    <td>姓名</td>
    <td>年齡</td>
  </tr>
  <tr>
    <td>張三</td>
    <td>20</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>25</td>
  </tr>
</table>

我們來看一下如何使用CSS來美化表格，在CSS中，我們可以使用各種屬性來定義表格的外觀，例如邊框、背景色、字體等。

table {
  border-collapse: collapse; /* 合并邊框 */
  border: 1px solid #000; /* 定義邊框樣式 */
  background-color: #fff; /* 定義背景色 */
}
td, th {
  border: 1px solid #000; /* 定義單元格邊框樣式 */
  padding: 8px; /* 定義內(nèi)邊距 */
  text-align: left; /* 定義文本對(duì)齊方式 */
}

在上面的示例中，我們使用了border-collapse屬性來合并表格的邊框，border屬性來定義邊框的樣式，background-color屬性來定義背景色，padding屬性來定義內(nèi)邊距，text-align屬性來定義文本對(duì)齊方式，這些屬性可以幫助我們創(chuàng)建出美觀的表格。