<%--
Created by IntelliJ IDEA.
@author: 马志勇
许昌学院
计科2班
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>主界面</title>
<style>
#head_{
height: 100px;
width: 100%;
background-color: slategray;
}
#personFile{
width: 120px;
height: 50px;
padding-top: 25px;
margin-left: 90%;
}
#search{
height: 70px;
width: 100%;
background-color: cornflowerblue;
}
#inner_s{
/*width: 200px;
height: 40px;
padding-right: 70%;
padding-top: 50%;*/
width: 30%;
padding-top:25px;
padding-left: 45%;
}
#table{
margin-left: 30%;
margin-top: 30px;
}
td{
text-align: center;
height: 20px;
width: 150px;
border: black 1px solid;
padding:1px;
}
</style>
</head>
<body>
<div id="head_">
<div id="personFile">
名字:<span style="color: red">admine</span><br>
编号:<span style="color: red">1001</span>
</div>
</div>
<div id="search">
<div id="inner_s">
<input type="text" style="font-size: 20px; height: 26px;width: 190px">
<button style="font-size: 18px; height: 28px;">查询</button>
</div>
</div>
<div>
<table id="table" style="height: 30px;width: 700px;border: black 1px solid;border-collapse:collapse;">
<tr >
<td>学生id</td>
<td>学生名字</td>
<td>学生电话</td>
<td>查看成绩</td>
<td>操作</td>
</tr>
<tr>
<td>1001</td>
<td>赵括</td>
<td>125421554</td>
<td><button style="color: chocolate">查看成绩</button></td>
<td><button style="color: chocolate">修改</button>
<button style="color: chocolate">删除</button>
</td>
</tr>
<tr>
<td>1001</td>
<td>赵括</td>
<td>125421554</td>
<td><button style="color: chocolate">查看成绩</button></td>
<td><button style="color: chocolate">修改</button>
<button style="color: chocolate">删除</button>
</td>
</tr>
<tr>
<td>1001</td>
<td>赵括</td>
<td>125421554</td>
<td><button style="color: chocolate">查看成绩</button></td>
<td><button style="color: chocolate">修改</button>
<button style="color: chocolate">删除</button>
</td>
</tr>
<tr>
<td>1001</td>
<td>赵括</td>
<td>125421554</td>
<td><button style="color: chocolate">查看成绩</button></td>
<td><button style="color: chocolate">修改</button>
<button style="color: chocolate">删除</button>
</td>
</tr>
</table>
</div>
<div>
</div>
</body>
</html>
主界面的所有代码
最新推荐文章于 2022-08-08 15:48:19 发布