美文网首页
2019-12-03作业

2019-12-03作业

作者: Dxes | 来源:发表于2019-12-03 20:55 被阅读0次
    <!--bgcolor="#6f,b3,e0"-->
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>stu.100phone.net</title>
            <link rel="icon" type="image/icon" href="img/img/1.png" />
            <style type="text/css">
                #b1{
                    width: 400px;
                    height: 320px;
                    border: 7px solid black;
                    margin: auto;
                    background-color: #f7f7f7;
                    position: relative;
                    top: 120px;
                    z-index: 100;
                }
                #f1{
                    position: relative;
                    top: 30px;
                    left: 120px;
                
                    color: #5E97CB;
                }
                hr{
                    position: relative;
                    top: 30px;
                    color: #5e97cb;
                }
                .c1{
                    position: relative;
                    top: 50px;
                    left: 27px;
                    width: 300px;
                    height: 25px;
                }
                .c2{
                    position: relative;
                    top: 60px;
                    left: 47px;
                    width: 300px;
                    height: 25px;
                }
                .c3{
                    position: relative;
                    top: 80px;
                    left: 47px;
                    width: 302px;
                    height: 35px;
                    background-color:#428bca ;
                    color: white;   
                }
                 #b2{
                    position: relative;
                    top: 65px;
                    left: -125px;
                }
                 #b3{
                    float: left;
                    position: relative;
                    top: 75px;
                    left: 115px;
                }
                 #b4{
                    position: relative;
                    top: 55px;
                    left: 38px;
                }
                #d1{
                    width: 400px;
                    height: 40px;
                    background-color: #5090c1;
                    
                    border:7px solid  black;
                    border-top: 5px solid #597597;
                    position: relative;
                    bottom: -97px;
                    left: -7px;
                    z-index: 0;
                    
                    
                }
                .f2{
                    position: relative;
                    bottom: -10px;
                    color: white;
                    left: -10px;
                }
                #p1{
                    position: relative;
                    top: 60px;
                    left: 335px;
                    z-index: 100;
                }
                #p2{
                    position: relative;
                    top: 98px;
                    left: 5px;
                    z-index: 100;
                }
                a{
                    text-decoration: none;
                }
                .a1:visited{
                    color: red;
                    
                .a1:hover{
                    text-decoration: underline;
                }   
                .a2:hover{
                    text-decoration: underline;
                }
                }
                .a2:visited{
                    color: white;   
                }
            </style>
        </head>
        
        <body bgcolor="#6f,b3,e0">
            <div  id="b1">
                <font  id="f1" style="font-size: 30px;">学员后台系统</font>
                <hr width="300px" color="#d5e3ef"/>
                <form action="" method="get">
                    <img id="p1" src="img/img/账号.png"/>
                    <input type="text" name="用户名" class="c1" id="" value="" placeholder="身份证号码/学号" />
                    <img id="p2" src="img/img/密码.png"/>
                    <input type="password" name="密码" class="c2" id="" value="" placeholder="密码" />
                    <input type="submit" name="" id="" value="登录" class="c3" />
                </form>
                <div id="b2">
                    <hr width="50px"/> 
                </div>
                <div id="b3">
                    <font size="2px"><a href="" class="a1">切换新版学员系统,抢先体验</a></font>
                </div>
                <div id="b4">
                    <hr width="50px"/>
                </div>
                <div id="d1">
                    <font class="f2"><a href="" class="a2">学习总结入口</a></font>
                </div>
            </div>
        </body>
    </html>
    
    

    相关文章

      网友评论

          本文标题:2019-12-03作业

          本文链接:https://www.haomeiwen.com/subject/ytphgctx.html