作业2(游戏多项+仿写教务系统)

游戏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏排版</title>
    <style>
        div{
            
         width: 600px;
            height: 30px;
            margin:auto;
            border: 5px solid red;
            border-radius: 15%;
            color: brown;
            background-color: beige;
            
            box-shadow: 10px 10px 10px gray;
            text-align: center;
            line-height: 2;}
            
        span:hover{
            color: bisque;
        }
        span:hover{
            width: 100px;
            height: 100px;
            border-color:black;
            border-width: 2px;
            border-style: double;

        }
    </style>
</head>
<body>
    <div>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
        <span><b>游戏1</b></span>
   </div>
   
        
    <
</body>
</html>

仿写教务系统

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿写教务系统1</title>
        <style>
        body,div,dl,dt,p,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
        padding:0; 
        margin:0 auto; font-family:"微软雅黑"}
        .wapbg{ background:url(jjkjj); height:446px;}
        .wap{ margin:0 auto; width:955px;}
        .top{ height:150px; padding-left:85px;}
        .middle{ height:296px;no-repeat; height:296px;position:relative; width:955px;}
        .dl{width:312px;height:230px;position:absolute;right:60px;top:30px}
        .dlti{font-size:24px;color:#333;position:absolute;top:5px;
        }
        .dlmi{ float:left; width:312px; line-height:45px;font-size:17px;color:#333;position:absolute;top:70px;}
        .dlmi input{ float:right; height:28px; width:228px; border:1px solid #DDDDDD;position:absolute;left:77px;}
        .dlj{ color:#666;position:absolute;top:180px;left:77px;width: 113px;}
        .dlau{position:absolute;left:205px;top:171px;height:45px;width:45px;font-size:16px;
        }
        
        .dlau1{position:absolute;left:263px;top:171px;height:45px;width:45px;font-size:16px;}
        
        .end{position:absolute;font-size:15px;color:#999;float:left;width:809px;left: 85px;top: 304px;
        }
        .end span{float:right;}
        .end span a{ color:#999; text-decoration:none;}
         </style>
        </head>

</head>
<body>
    <body>
        <form action="jjkjj" method="post" id="Form1" name="Form1" onsubmit="return submitForm1();">
        <div class="wapbg">
         <div class="wap">
            <div class="top">
                <img style="padding-top:80px" src="./image.png" width="474px" height="61px">
            </div>
            <div class="middle">
                <div><img src="./image3.png" ></div>
                <div class="dl"><div class="dlti">用户登录</div>
                    <div class="dlmi">
                        <p>用户名:</p>
            <input type="text" id="userAccount" value style="position:absolute; top:7px;">
            <p>密码:</p>
            <input type="password" id="userPassword" value style="position:absolute; top:54px;">
            <input type="hidden" id="encoded" name="encoded">
            
            <font style="display: inline;white-space:nowrap;" color="red"></font>
         </div>
        <div class="dlj" style="display:none;"><input style="margin-right:5px;" name="jzmmid" id="jzmmid" type="checkbox" value="1">记住用户名</div>
        
        <input type="submit" id="btnSubmit" class="dlau" title="点击登录" value style="border: 0px;background: url(./image\ copy.png) no-repeat;margin-left:35px"> 
        
        <div class="dlau1" style="margin-left:35px">
        <img src="./image2.png" >
        </div>
        </div><div class="end">湖南强智科技发展有限公司 版权所有
        
        <span><a href="#">隐私声明</a>|<a href="#">设为首页</a></span>
        </div>
        </div></div></div>
        </form>
        
        
        </body>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>教务系统附加</title>
    <style>
        [class]{
            border-width: 0px;           
            border-color: black;
            border-style: solid;
            line-height: 3;
            background-color:rgba(0, 0, 255, 0.726);
            align-self: center;
        }
        span:hover{
            background-color: aqua;
        }
        span{
            position:relative;
            display:inline-block;
            color: aliceblue;
            left: 80px;
            
        }
        p{
            position: relative;
            left: 400px;
            color: gray;
        } 
        

        
    </style>
</head>
<body>
    <tbody id="tb">
        <tr>
            <td>
                <td height="75px" align="middle">
                    <img style="display: ;"id="imglogo" src="./image.png" >
                </td>
            </td>
        </tr>
        <br>
        <div class="" >
        <span> <b>我的桌面</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span><b>学籍成绩</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span><b>培养管理</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span><b>考试报名</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span><b>教学评价</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
        <div id="list">
            <table border="0px" width="1200px" height="600px" >
                <tr>
                    <td rowspan="2" colspan="2"><img src="./个人信息.png" alt=""></td>
                    <!-- <td></td> -->
                    <td rowspan="2"><img src="./选课中心.png" alt=""></td>
                    <td><img src="./学生评教.png" alt=""></td>
                    <td colspan="2"><img src="./已收留言.png" alt=""></td>
                    <!-- <td></td> -->
                </tr>
                <tr>
                    <!-- <td></td>
                    <td></td> -->
                    <!-- <td></td> -->
                    <td><img src="./培养方案.png" alt=""></td>
                    <td colspan="2"><img src="./已收公告.png" alt=""></td>
                    <!-- <td></td> -->
                </tr>
                <tr>
                    <td><img src="./课程成绩查询.png" alt=""></td>
                    <td><img src="./教学周历.png" alt=""></td>
                    <td><img src="./授课计划查询.png" alt=""></td>
                    <td><img src="./未获得学分成绩查询.png" alt=""></td>
                    <td><img src="./1.png" alt=""></td>
                    <td><img src="./修改密码.png" alt=""></td>
                </tr>
            </table>
        </div><hr>
        <p>Copyright (C) 湖南强智科技发展有限公司 All Rights Reserved 湘ICP 备12010071号</p >

    </tbody>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>教务系统附加2</title>
</head>
    <style>
        [class]{
            border-width: 0px;           
            border-color: black;
            border-style: solid;
            line-height: 3;
            background-color:rgba(0, 0, 255, 0.726);
            align-self: center;
        }
        span:hover{
            background-color: aqua;
        }
        span{
            position:relative;
            display:inline-block;
            color: aliceblue;
            left: 80px;
            
        }
        .navigation,.text{
            height: 650px;
            /* border: 1px solid red; */

            float: left;
        }
        /* 分布局 */
        .navigation{
            width: 18%;
            background-color: white;
        }
        .text{
            width: 78%;
            margin-left: 20px;
            background-color: white;
        }
        .xue:hover{
            background-color: blueviolet
        }

        }
    </style>
<body>
    <body>
        <tbody id="tb">
            <tr>
                <td>
                    <td height="75px" align="middle">
                        <img style="display: ;"id="imglogo" src="./image.png" >
                    </td>
                </td>
            </tr>
            <br>
            <div class="" >
            <span> <b>我的桌面</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span><b>学籍成绩</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span><b>培养管理</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span><b>考试报名</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span><b>教学评价</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
            <div class="navigation">
                <div>教学评价</div>
                <div class="xue">学生评价</div>
            </div>
            <div class="text">
                首页 » 教学评价 » 学生评价
            <img src="./微信图片.png" alt="">
        </div>
</body>
</html>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值