首页html学生表格并且添加颜色

html学生表格并且添加颜色

时间: 2023-07-05 13:26:53 浏览: 78

好的，以下是一个HTML学生表格，并且添加了颜色： ```html <!DOCTYPE html> <html> <head> <title>学生表格</title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 10px; text-align: center; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } </style> </head> <body> <h1>学生表格</h1> <table> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> <th>科目</th> <th>成绩</th> </tr> <tr> <td>张三</td> <td>男</td> <td>18</td> <td>数学</td> <td>90</td> </tr> <tr> <td>李四</td> <td>女</td> <td>19</td> <td>英语</td> <td>85</td> </tr> <tr> <td>王五</td> <td>男</td> <td>20</td> <td>科学</td> <td>95</td> </tr> </table> </body> </html> ``` 在上面的例子中，我们使用了`<table>`、`<tr>`、`<th>`和`<td>`等标签来创建一个表格。我们使用CSS来添加了表格的样式，包括边框、内边距、文本居中和交替行背景色。我们在表头中使用了绿色的背景色和白色的文字颜色。你可以根据需要进行修改和扩展。

阅读全文