css中怎么设置表格样式

CSS是一门非常重要的前端技术，可以用来美化网页中的各种元素。其中表格是网页中非常常见的元素之一，下面将介绍如何使用CSS来设置表格样式。
首先，我们需要使用HTML来创建一个表格。下面是一个简单的表格示例：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>25</td>
    <td>女</td>
  </tr>
</table> 

在这个表格中，我们使用`table`标签来创建表格，使用`tr`标签来创建表格的行，使用`th`标签来创建表格的表头，使用`td`标签来创建表格的数据。
接着，我们可以使用CSS来设置表格的样式。下面是一个设置表格边框和单元格间距的示例：

<style>
  table {
    border-collapse: collapse;
    border: 1px solid #000;
    width: 100%;
  }
  
  th, td {
    padding: 8px;
    text-align: center;
  }
  
  th {
    background-color: #f2f2f2;
    font-weight: bold;
  }
  
  tr:nth-child(odd) {
    background-color: #f9f9f9;
  }
</style> 

代码中，我们使用`border-collapse`属性将表格的边框合并，使用`border`属性设置表格的边框样式和宽度，使用`width`属性设置表格的宽度。使用`padding`属性设置表头和单元格的内边距，使用`text-align`属性设置单元格中内容的水平对齐方式。使用`background-color`属性设置表头和交替行的背景颜色，使用`font-weight`属性设置表头的字体加粗。使用`nth-child`伪类选择器设置交替行的背景颜色。
通过以上CSS样式设置，我们尽可能地增加表格的美观和易读性，使网页更加精致和舒适。