物流查询页面表格CSS样式示例 - 简单美观

以下是一个简单的物流查询页面表格CSS样式示例，你可以根据自己的需求进行修改和调整，以创建一个更适合你的物流查询页面表格：

table {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

示例说明：

• border-collapse: collapse; 将表格边框合并，使表格线条更清晰美观；
• width: 100%; 设置表格宽度为100%，占满页面宽度；
• max-width: 800px; 设置表格最大宽度为800px，防止表格过宽；
• margin: 0 auto; 将表格水平居中对齐；
• border: 1px solid #ddd; 设置表格单元格边框为1像素灰色实线；
• padding: 8px; 设置表格单元格内边距为8像素；
• text-align: left; 设置表格单元格内容左对齐；
• background-color: #f2f2f2; 设置表头背景颜色为浅灰色；
• font-weight: bold; 设置表头字体加粗；
• tr:nth-child(even) { background-color: #f5f5f5; } 设置表格偶数行背景颜色为更浅的灰色，以区分奇数行。

你可以根据自己的需求修改以上CSS样式，例如调整颜色、边框、字体等，以创建一个更符合你的设计风格的物流查询页面表格。