<!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>
成績登記表(網頁設計實驗)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.