首页html学生信息登记表css

html学生信息登记表css

时间: 2023-11-21 21:06:54 浏览: 178

好的，以下是一个简单的 HTML 学生信息登记表的代码，同时也包含了 CSS 样式： ```html <!DOCTYPE html> <html> <head> <title>学生信息登记表</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; border-bottom: 1px solid #ddd; } tr:hover { background-color: #f5f5f5; } th { background-color: #4CAF50; color: white; } </style> </head> <body> <h2>学生信息登记表</h2> <table> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> <th>班级</th> </tr> <tr> <td>张三</td> <td>男</td> <td>18</td> <td>一班</td> </tr> <tr> <td>李四</td> <td>女</td> <td>17</td> <td>二班</td> </tr> <tr> <td>王五</td> <td>男</td> <td>19</td> <td>三班</td> </tr> </table> </body> </html> ```

阅读全文