在CSS中顯示表格的方法

在CSS中顯示表格，可以通過HTML和CSS的結(jié)合來實(shí)現(xiàn)，需要?jiǎng)?chuàng)建一個(gè)HTML表格，然后使用CSS來定義表格的樣式和顯示方式。

在HTML中，可以使用<table>元素來創(chuàng)建表格，使用<tr>元素來定義表格行，使用<td>元素來定義表格單元格，以下是一個(gè)簡單的HTML表格：

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

可以使用CSS來定義表格的樣式和顯示方式，可以使用CSS來設(shè)置表格的寬度、高度、邊框、背景顏色等屬性，以下是一個(gè)簡單的CSS樣式表：

table {
  width: 100%;
  height: 200px;
  border: 1px solid #000;
  background-color: #fff;
}
tr {
  height: 20px;
  border: 1px solid #000;
}
td {
  width: 50%;
  height: 20px;
  border: 1px solid #000;
  text-align: left;
}

在這個(gè)樣式表中，我們?cè)O(shè)置了表格的寬度為100%，高度為200像素，邊框?yàn)?像素的黑色實(shí)線，背景顏色為白色，我們還設(shè)置了表格行的寬度為50%，高度為20像素，邊框?yàn)?像素的黑色實(shí)線，文本對(duì)齊方式為左對(duì)齊。

將HTML表格和CSS樣式表結(jié)合起來，就可以實(shí)現(xiàn)一個(gè)帶有樣式的表格了，可以將HTML表格的代碼放在HTML文件中，將CSS樣式表的代碼放在CSS文件中，然后在HTML文件中引入CSS文件即可。