<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table,td{ border: 3px solid rgb(88, 121, 39); } table{ border-collapse: collapse; width: 200px; height: 200px; } td{ text-align: center; vertical-align: top; background-color: aqua; color:rebeccapurple; } </style> <!--边框大小 边线样式 边线颜色--><!--单边框--><!--表格文本水平居中 垂直居上 表格背景颜色 字体颜色--> </head> <body> <table> <tr> <td>表格</td> <td>表格</td> <td>表格</td> </tr> <tr> <td>表格</td> <td>表格</td> <td>表格</td> </tr> <tr> <td>表格</td> <td>表格</td> <td>表格</td> </tr> </table> </body> </html>
添加边框：table,td{boder:大小 边框样式 颜色}
折叠边框，变为单边框table{boder-collaspe:collaspe}
调整宽度和高度table{weight; height}
表格文字对齐：td{text-align: （水平对齐方式） vertical-align:（垂直对齐方式）}
表格填充：td{padding:} 按照规定大小进行
表格颜色：td{background-color:(背景颜色）color:(字体颜色）}