用css为表格设置一个好看的样式

以下是一个简单的CSS表格样式示例：

table {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  margin: 30px auto;
  font-family: Arial, sans-serif;
}

th, td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

tr:hover {
  background-color: #f2f2f2;
}

这个样式会使表格看起来更好，具有以下特点：

• 表格边框清晰，单元格内的内容易于阅读。
• 表头单元格有不同的背景颜色和粗体字体。
• 交替的行有不同的背景颜色，使表格更容易读取。
• 当鼠标悬停时，行的背景颜色会更改，以提高可读性。

可以根据需要进行自定义和调整