[分享]css制作三个表格

CSS可以帮助我们轻松地制作各种各样的表格，例如：

/*纵向表格*/
table {
  border-collapse: collapse;  /*边框合并*/
} 
td {
  border: 1px solid #ccc;   /*边框*/
  padding: 10px;           /*单元格内边距*/
  text-align: center;      /*居中对齐*/
}
/*水平表格*/
table {
  border-collapse: collapse;  /*边框合并*/
  table-layout: fixed;        /*固定表格布局*/
  width: 100%;                /*设置表格宽度*/
}
td {
  border: 1px solid #ccc;   /*边框*/
  padding: 10px;           /*单元格内边距*/
  text-align: center;      /*居中对齐*/
}
/*带斑马纹的表格*/
table {
  border-collapse: collapse;  /*边框合并*/
  width: 100%;                /*设置表格宽度*/
}
th,td {
  border: 1px solid #ccc;   /*边框*/
  padding: 10px;           /*单元格内边距*/
  text-align: center;      /*居中对齐*/
}
tr:nth-child(even) {
  background-color: #f2f2f2;  /*偶数行背景颜色*/
} 

以上是三个不同类型的表格样式，可以根据自己的需求选择。