主界面的所有代码

最新推荐文章于 2022-08-08 15:48:19 发布

理想艺术！马

最新推荐文章于 2022-08-08 15:48:19 发布

阅读量3.2k

点赞数 14

分类专栏： JavaWeb笔记文章标签： javascript

本文链接：https://blog.csdn.net/mzy1711231996/article/details/121072797

版权

JavaWeb笔记专栏收录该内容

11 篇文章 3 订阅

订阅专栏

<%--
  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">&nbsp;&nbsp;
            <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>

理想艺术！马

关注

14
点赞
踩
17

收藏

觉得还不错? 一键收藏
打赏
9
评论
主界面的所有代码

<%-- Created by IntelliJ IDEA. @author: 马志勇许昌学院计科2班--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>主界面</title> <style> #head_{
复制链接

扫一扫