css设置表格格式

CSS是一种用于样式化网页的语言，可以很方便地设置表格的格式。下面将介绍几种常用的CSS设置表格格式的方法。

table{
    border-collapse: collapse;
 /*单元格边框合并*/}
td{
    border: 1px solid #000;
     /*单元格边框*/padding: 5px;
     /*单元格内边距*/text-align: center;
 /*单元格文本居中*/}

上面的代码可以让所有表格单元格的边框合并，并设置单元格边框为1像素的黑色实线，内边距为5像素，并且所有文本居中显示。

tr:nth-child(odd){
    background-color: #f2f2f2;
 /*奇数行背景色*/}

这段代码可以设置表格隔行变色，将奇数行的背景色设置为灰色。

th{
    background-color: #4CAF50;
     /*表头背景色*/color: white;
 /*表头文本颜色*/}
    

如果表格有表头，可以使用以上代码设置表头的背景色为深绿色，文本颜色为白色。

当然，CSS还可以实现更多样的表格格式设置，大家可以根据需求灵活运用。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！