首页用html5和css3写一个表格

用html5和css3写一个表格

时间: 2023-10-23 21:14:19 浏览: 93

好的，我可以为你提供一个简单的HTML5和CSS3表格示例： ```html <!DOCTYPE html> <html> <head> <title>HTML5 CSS3 Table Example</title> <style> table { border-collapse: collapse; width: 100%; } th { background-color: #f2f2f2; border: 1px solid #ddd; padding: 8px; text-align: left; } td { border: 1px solid #ddd; padding: 8px; text-align: left; } tr:nth-child(even) { background-color: #f2f2f2; } </style> </head> <body> <h2>HTML5 CSS3 Table Example</h2> <table> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Age</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>Doe</td> <td>30</td> </tr> <tr> <td>Jane</td> <td>Doe</td> <td>25</td> </tr> <tr> <td>Bob</td> <td>Smith</td> <td>45</td> </tr> </tbody> </table> </body> </html> ``` 这个表格包括了一个HTML5的文档结构，以及一个带有表头和表体的表格。CSS3样式被应用于表格，包括边框合并、单元格内边距、单元格对齐方式和斑马条纹效果。你可以将这个示例代码复制到一个HTML文件中并查看效果。

阅读全文