在CSS中，我們可以使用多種方法來創(chuàng)建和樣式化表格，我們需要了解HTML表格的基本結(jié)構(gòu)，包括<table>、<tr>（table row）、<td>（table data）等元素，我們可以使用CSS來添加樣式，使表格更加美觀和易用。

1. 基本樣式

我們可以為表格添加一些基本樣式，如設(shè)置表格的寬度、邊框和背景顏色。

table {
  width: 100%;
  border: 1px solid #000;
  background-color: #fff;
}

2. 表格標(biāo)題

我們可以為表格添加標(biāo)題，表格標(biāo)題位于表格的***行，可以使用<th>（table header）元素來定義。

<table>
  <tr>
    <th>標(biāo)題1</th>
    <th>標(biāo)題2</th>
    <th>標(biāo)題3</th>
  </tr>
  <!-- 表格數(shù)據(jù) -->
</table>

我們可以使用CSS來樣式化表格標(biāo)題，如設(shè)置顏色、字體大小和背景顏色：

table th {
  color: #000;
  font-size: 18px;
  background-color: #f0f0f0;
}

3. 表格數(shù)據(jù)

在表格中，數(shù)據(jù)通常位于<td>元素中，我們可以使用CSS來樣式化表格數(shù)據(jù)，如設(shè)置顏色、字體大小和對齊方式：

table td {
  color: #333;
  font-size: 16px;
  text-align: left;
}

4. 表格行和列

我們還可以為表格的行和列添加樣式，我們可以為奇偶行添加不同的背景顏色，或者為特定的列添加寬度和顏色：

/* 為奇偶行添加不同的背景顏色 */
table tr:nth-child(odd) {
  background-color: #f9f9f9;
}
table tr:nth-child(even) {
  background-color: #fff;
}
/* 為特定的列添加寬度和顏色 */
table td:nth-child(1) {
  width: 200px;
  color: #000;
}
table td:nth-child(2) {
  width: 300px;
  color: #333;
}

5. 響應(yīng)式表格

為了讓表格在響應(yīng)式設(shè)計中更好地顯示，我們可以使用CSS的媒體查詢（media queries）來設(shè)置不同屏幕下的表格樣式。

@media (max-width: 600px) {
  table, thead, tbody, th, td, tr {
    display: block;
  }
  thead tr { position: absolute; top: -9999px; left: -9999px; } /* 隱藏表頭 */
  tr { border: 1px solid #ccc; } /* 為行添加邊框 */
  td { border: none; } /* 移除單元格邊框 */
}

在CSS中創(chuàng)建和樣式化多表格可以通過多種方法實現(xiàn)，包括設(shè)置表格的寬度、邊框、背景顏色、標(biāo)題、數(shù)據(jù)以及行和列的樣式，我們還可以使用媒體查詢來創(chuàng)建響應(yīng)式表格，使表格在不同屏幕下都能良好地顯示。