用html写一个排行榜单页面
时间: 2023-10-03 22:01:50 浏览: 51
以下是一个简单的排行榜单页面的HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>排行榜单页面</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: center;
padding: 8px;
border: 1px solid black;
}
th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>排行榜单</h1>
<table>
<thead>
<tr>
<th>名次</th>
<th>选手姓名</th>
<th>得分</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张三</td>
<td>98</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>95</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>92</td>
</tr>
<tr>
<td>4</td>
<td>赵六</td>
<td>90</td>
</tr>
<tr>
<td>5</td>
<td>钱七</td>
<td>88</td>
</tr>
</tbody>
</table>
</body>
</html>
```
这段代码创建了一个包含排行榜单的表格,其中包括名次、选手姓名和得分三列。表格中的样式通过CSS来定义。