好看的css表格代码

以下是一个简单的CSS表格样式代码：

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

th {
  background-color: #f2f2f2;
  color: #333;
  font-weight: bold;
  text-align: left;
  padding: 10px;
  border: 1px solid #ccc;
}

td {
  padding: 10px;
  border: 1px solid #ccc;
}

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

这个样式定义了一个基本的表格样式，包括：

• border-collapse：合并表格边框
• width 和 max-width：定义表格宽度
• margin：设置表格居中
• font-size 和 font-family：设置字体大小和字体家族
• th：定义表头样式，包括背景色、文字颜色、粗体字、左对齐、内边距和边框
• td：定义单元格样式，包括内边距和边框
• tr:nth-child(odd)：定义奇数行的背景色

这个样式可以根据需要进行修改和扩展，以适应不同的表格需求