https://blog.csdn.net/hudie_1993/article/details/53914145
最近正在复习关于HTML的视频，以前觉得自己对HTML中的表格问题领悟很深，今天突然学到新的知识，深感惭愧。有时候在做报表的时候，想要设置某一列的颜色，如果当表格的列数或者行数不多时，可以一一设置，但是若表格行列数比较多，那单独设置每一行或者每一列的颜色就特别麻烦。最简单的解决办法如下：
使用表格中的直列化格式,<col></col>和<colgroup></colgroup>
<colgroup></colgroup>：表示设置多列的颜色
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <table cellpadding="0" cellspacing="0" width="500" height="400" align="left"> <tr> <td> <table border="1" cellpadding="0" cellspacing="0" width="500" height="400"> <caption>学生课程表</caption> <colgroup bgcolor="red" span="3"></colgroup> <!-- <col span="2"></col> <col bgcolor="green"></col>--> <thead> <tr> <th>标题一</th> <th>标题二</th> <th>标题三</th> <th>标题四</th> </tr> </thead> <tbody> <tr> <td>111</td> <td>121</td> <td>131</td> <td>141</td> </tr>
<tr> <td>211</td> <td>222</td> <td>233</td> <td>241</td> </tr>
<tr> <td>311</td> <td>322</td> <td>333</td> <td>341</td> </tr>
<tr> <td>411</td> <td>422</td> <td>433</td> <td>441</td> </tr> </tbody> <tfoot> <tr> <td colspan="4">表的地段</td> </tr> </tfoot> </table> </td> </tr> </table> </body> </html>
