<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>人员管理</title>
<link href="./bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
<script src="./jquery/jquery-3.4.1.min.js"></script>
<script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<style>
.top{
height: 40px;
width: 600px;
background-color: #adadad;
float: left;
}
.box{
height: 40px;
width: 150px;
font-size: 18px;
line-height: 35px;
float: left;
text-align: center;
margin: auto;
}
</style>
</head>
<body>
<div class="container">
<div class="top">
<div class="box" style="background-color: gainsboro">一个学院管理界面</div>
<div class="box" >学员管理</div>
<div class="box" style="background-color: gainsboro">教师管理</div>
<div class=" box dropdown">
<button class="btn dropdown-toggle" style="background-color: #adadad" data-toggle="dropdown">
其它管理<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>其他1</li>
<li>其他1</li>
<li>其他1</li>
<li>其他1</li>
</ul>
</div>
</div>
<div>
<table border="1" cellspacing="0" class="table table-striped table-bordered table-hover">
<!-- table-striped 斑马线效果
table-bordered 每行之间加条纹
table-hover 鼠标移到的时候有变化
-->
<thead style="background-color:cornflowerblue;font-family: 'Arial'">
<tr>
<th> 学号</th>
<td> 姓名</td>
<td> 班级</td>
<td> 学院</td>
<td> 管理</td>
</tr> o
</thead>
<tbody>
<tr>
<td> 1</td>
<td> auihg</td>
<td> 111</td>
<td> 学院</td>
<td>
<input type="button" value="删除" class="btn" style="background-color: red">
<input type="button" value="修改" class="btn" >
<input type="button" value="编辑" class="btn" style="background-color: #5bc0de">
</td>
</tr>
<tr>
<td> 1</td>
<td> auihg</td>
<td> 111</td>
<td> 学院</td>
<td>
<input type="button" value="删除" class="btn" style="background-color: red">
<input type="button" value="修改" class="btn" >
<input type="button" value="编辑" class="btn" style="background-color: #5bc0de">
</td>
</tr>
<tr>
<td> 1</td>
<td> auihg</td>
<td> 111</td>
<td> 学院</td>
<td>
<input type="button" value="删除" class="btn" style="background-color: red">
<input type="button" value="修改" class="btn" >
<input type="button" value="编辑" class="btn" style="background-color: #5bc0de">
</td>
</tr>
<tr>
<td> 1</td>
<td> auihg</td>
<td> 111</td>
<td> 学院</td>
<td>
<input type="button" value="删除" class="btn" style="background-color: red">
<input type="button" value="修改" class="btn" >
<input type="button" value="编辑" class="btn" style="background-color: #5bc0de">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>