CSS畫表格代碼怎么寫

CSS可以用來裝飾HTML元素，包括表格，下面是一些CSS畫表格的代碼示例：

1、基本樣式：

table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1px solid #000;
  padding: 8px;
  text-align: left;
}

這段代碼會(huì)創(chuàng)建一個(gè)寬度為100%的表格，并應(yīng)用了一些基本的樣式，如邊框折疊、單元格邊框、填充和文本對(duì)齊。

2、隔行變色：

table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1px solid #000;
  padding: 8px;
  text-align: left;
}
tr:nth-child(even) {
  background-color: #f2f2f2;
}

這段代碼會(huì)在表格中添加一個(gè)隔行變色的效果，讓表格更加易讀。

3、合并單元格：

table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1px solid #000;
  padding: 8px;
  text-align: left;
}
td.merge {
  span: 2; /* 合并兩個(gè)列 */
}

這段代碼會(huì)創(chuàng)建一個(gè)寬度為100%的表格，并應(yīng)用了一些基本的樣式，如邊框折疊、單元格邊框、填充和文本對(duì)齊，還添加了一個(gè)合并單元格的效果。