首页用HTML编写一张表格居中，表头数据为当前一周的时间的网页。

用HTML编写一张表格居中，表头数据为当前一周的时间的网页。

时间: 2024-02-20 19:56:47 浏览: 69

好的，以下是一个简单的 HTML 代码实现您的需求： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格示例</title> <style> table { margin: auto; border-collapse: collapse; } th, td { border: 1px solid black; padding: 8px; text-align: center; } th { background-color: #ddd; } </style> </head> <body> <table> <thead> <tr> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> <th>周六</th> <th>周日</th> </tr> </thead> <tbody> <tr> <td>01/01</td> <td>01/02</td> <td>01/03</td> <td>01/04</td> <td>01/05</td> <td>01/06</td> <td>01/07</td> </tr> </tbody> </table> </body> </html> ``` 在上面的代码中，我们使用了 `table` 元素来创建一个表格，然后使用 CSS 的 `margin: auto` 属性将表格居中显示。`border-collapse: collapse` 属性是用来将表格的边框合并，使表格看起来更整洁。`th` 和 `td` 元素分别用来创建表头和表格数据，使用了 `border` 属性来设置边框样式，使用了 `padding` 属性来设置内容和边框之间的间距，使用了 `text-align: center` 属性来将内容居中显示。最后，我们使用了 `background-color` 属性来设置表头的背景色。

阅读全文