使用HTML+css写一个关于时代少年团的所有的获奖,包括获奖时间及获奖名称等内容
时间: 2024-03-03 09:52:48 浏览: 17
以下是一个简单的HTML+CSS代码示例,展示了时代少年团的获奖信息,包括获奖时间和获奖名称等内容。你可以根据需要进行修改:
```html
<!DOCTYPE html>
<html>
<head>
<title>时代少年团获奖信息</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
font-size: 16px;
border-bottom: 1px solid #ddd;
}
th {
background-color: #f2f2f2;
}
tr:hover {
background-color:#f5f5f5;
}
</style>
</head>
<body>
<!-- 标题 -->
<h1>时代少年团获奖信息</h1>
<!-- 表格 -->
<table>
<thead>
<tr>
<th>年份</th>
<th>奖项名称</th>
</tr>
</thead>
<tbody>
<tr>
<td>2018</td>
<td>亚洲新人奖</td>
</tr>
<tr>
<td>2019</td>
<td>韩国AAA音乐大奖</td>
</tr>
<tr>
<td>2019</td>
<td>亚洲艺术家奖</td>
</tr>
<tr>
<td>2020</td>
<td>亚洲明星跨界歌唱大赛</td>
</tr>
<tr>
<td>2020</td>
<td>世界音乐奖</td>
</tr>
<tr>
<td>2021</td>
<td>MTV亚洲音乐大奖</td>
</tr>
</tbody>
</table>
</body>
</html>
```
运行代码,你可以看到一个包含时代少年团获奖信息的简单网页。你可以根据自己的需要修改表格内容和样式。