首页前端表格代码

前端表格代码

时间: 2023-07-30 17:10:40 浏览: 54

以下是一个简单的前端表格代码示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格示例</title> <style> table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; } tr:hover { background-color: #f5f5f5; } </style> </head> <body> <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>25</td> <td>男</td> </tr> <tr> <td>李四</td> <td>30</td> <td>女</td> </tr> <tr> <td>王五</td> <td>28</td> <td>男</td> </tr> </tbody> </table> </body> </html> ``` 这段代码创建了一个包含三列姓名、年龄和性别的表格，其中第一行为表头，后面的行为数据行。CSS样式定义了表格的样式，包括边框、对齐和鼠标悬停时的背景色。你可以根据自己的需求修改这个示例代码。