源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <style> thead {color:green;} tbody {color:blue;} tfoot {color:red;} table, th, td { border: 1px solid black; } </style> </head> <body> <table> <thead> <tr> <th>月份</th> <th>存款</th> </tr> </thead> <tfoot> <tr> <td>总和</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>一月</td> <td>$100</td> </tr> <tr> <td>二月</td> <td>$80</td> </tr> </tbody> </table> <p><b>提示:</b> thead, tbody, and tfoot 元素默认的表格布局没有效果，可以通过CSS样式设置 </p> </body> </html>
运行结果