表格样式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格样式练习</title>
<style>
table{
border-collapse:collapse;
}
th,td{
border: 1px solid black;
}
thead{
background-color: gold;
}
tbody tr:nth-child(even){
background-color: goldenrod;
}
tbody tr:nth-child(odd){
background-color: navajowhite;
}
tbody tr:hover{
background-color: khaki;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>学号</th>
<th>姓名</th>
<th>英语</th>
<th>数学</th>
<th>语文</th>
</tr>
</thead>
<tbody>
<tr>
<td>131234201</td>
<td>张三</td>
<td>88</td>
<td>82</td>
<td>89</td>
</tr>
<tr>
<td>131234202</td>
<td>李四</td>
<td>78</td>
<td>88</td>
<td>89</td>
</tr>
<tr>
<td>131234203</td>
<td>王五</td>
<td>98</td>
<td>80</td>
<td>86</td>
</tr>
<tr>
<td>131234204</td>
<td>赵七</td>
<td>68</td>
<td>58</td>
<td>81</td>
</tr>
<tr>
<td>131234205</td>
<td>孙八</td>
<td>78</td>
<td>68</td>
<td>89</td>
</tr>
</tbody>
</table>
<div>
</div>
</body>
</html>
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
