帮我写一个html,页面中包含一个2行7列的表格,第一行分别为学号、姓名、专业、班级、寝室、性别、登记时间,另外在页面的右上角有一个返回按钮,点击可以跳转到其他页面,页面效果要炫酷一些,主色调为天蓝色。
时间: 2023-02-06 09:56:41 浏览: 117
下面是示例 HTML 代码,请注意这只是一个示例,您可以根据自己的需要进行修改:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>学生信息表</title>
<style>
/* 设置主色调为天蓝色 */
body {
background-color: skyblue;
}
/* 设置表格样式 */
table {
border-collapse: collapse;
width: 80%;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
td, th {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: lightblue;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
/* 设置返回按钮样式 */
.back-button {
position: absolute;
top: 20px;
right: 20px;
padding: 10px 20px;
background-color: white;
color: skyblue;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
}
.back-button:hover {
background-color: skyblue;
color: white;
}
</style>
</head>
<body>
<!-- 返回按钮 -->
<button class="back-button" onclick="window.location.href='其他页面的 URL'">返回</button>
<!-- 表格 -->
<table>
<tr>
<th>学号</th>
<th>姓名</th>
<th>专业</th>
<th>班级</th>
<th>寝室</th>
<th>性别</th>
<th>登记时间</th>
</tr>
<tr>
<td>学号 1</td>
<td>姓名 1</td>
<td>专业 1</td>
<td>班级 1</td>
<td>寝室 1</td>
<td>性别 1</td>
<td>登记时间 1</td>
阅读全文