<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>成绩登记表</title>
<style>
table {
border: 1px solid #000;
border-collapse: collapse;
text-align: center;
}
caption {
font-size: 30px;
margin: 20px;
}
td,
th {
font-size: 12px;
line-height: 20px;
border: 1px solid #000;
padding: 10px;
}
tr:nth-of-type(odd) {
background-color: gainsboro;
}
tr:first-of-type {
background-color: violet;
}
</style>
</head>
<body>
<table>
<caption>成绩登记表</caption>
<tr>
<th>序号</th>
<th>学号</th>
<th>姓名</th>
<th>平时成绩</th>
<th>期末成绩</th>
<th>学期总成绩</th>
</tr>
<tr>
<td>1</td>
<td>2010300201</td>
<td>张小丽</td>
<td>95</td>
<td>95</td>
<td>95</td>
</tr>
<tr>
<td>2</td>
<td>2010300202</td>
<td>李宁</td>
<td>90</td>
<td>88</td>
<td>89</td>
</tr>
<tr>
<td>3</td>
<td>2010300203</td>
<td>刘梅</td>
<td>98</td>
<td>92</td>
<td>95</td>
</tr>
<tr>
<td>4</td>
<td>2010300204</td>
<td>王刚</td>
<td>98</td>
<td>90</td>
<td>94</td>
</tr>
<tr>
<td>5</td>
<td>2010300205</td>
<td>郑军</td>
<td>90</td>
<td>85</td>
<td>87</td>
</tr>
<tr>
<td>6</td>
<td>2010300206</td>
<td>杨波</td>
<td>80</td>
<td>80</td>
<td>80</td>
</tr>
</table>
</body>
</html>
