<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>人员管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<style>
table{
width: 1100px!important;
}
th{
text-align: center;
padding-top: 15px!important;
}
td {
width: 200px;
}
.btn_sc {
background-color: red;
float: left;
color: white
}
.btn_xg {
background-color: white;
margin-left: 20px;
float: left;
}
.btn_bj {
background-color: blue;
margin-left: 20px;
float: left;
color: white
}
</style>
<body>
<div class="container text-center">
<table class="table table-striped table-bordered table-hover">
<tr>
<th>学院管理界面</th>
<th>学员管理</th>
<th>教师管理</th>
<th>
<div class="dropdown" style="margin-left: 50px;">
<button class="btn dropdown-toggle" data-toggle="dropdown">
其他管理<span class="caret" ></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="">其他1</a>
</li>
<li>
<a href="">其他2</a>
</li>
<li>
<a href="#">其他3</a>
</li>
</ul>
</div>
</th>
</tr>
</table>
</div>
<div class="container">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td>学号</td>
<td>姓名</td>
<td>班级</td>
<td>学院</td>
<td>管理</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>李子明</td>
<td>101</td>
<td>xx学院</td>
<td><button class="btn btn-default btn_sc">删除</button>
<button class="btn btn-default btn_xg">修改</button>
<button class="btn btn-default btn_bj">编辑</button></td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>101</td>
<td>xx学院</td>
<td><button class="btn btn-default btn_sc">删除</button>
<button class="btn btn-default btn_xg">修改</button>
<button class="btn btn-default btn_bj">编辑</button></td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>101</td>
<td>xx学院</td>
<td><button class="btn btn-default btn_sc">删除</button>
<button class="btn btn-default btn_xg">修改</button>
<button class="btn btn-default btn_bj">编辑</button></td>
</tr>
<td>1</td>
<td>李子明</td>
<td>101</td>
<td>xx学院</td>
<td><button class="btn btn-default btn_sc">删除</button>
<button class="btn btn-default btn_xg">修改</button>
<button class="btn btn-default btn_bj">编辑</button></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
day8
最新推荐文章于 2024-05-17 00:13:31 发布