task 02

LNWL9G8K6K@RTH60)_2O~)R.png
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            
            #Sign{
                background-color: darkturquoise; color: white; width: 350px; height: 30px; text-align: left; font-size: 20px;
            }
            #all{
                left:500px ;position: absolute; top: 300px; text-align: center;
            }
            #a{
                background-color: whitesmoke ;height: 200px;width: 350px; line-height: 40px;
            }
            #name{
                font-size: 30px;
            }
            #button{
                background: darkturquoise; width: 120px; height: 30px;
            }
        </style>
    </head>
    <body>
        <div id="all">
            <div>
                <font id="name" color="#9ACD32">
                小a陪诊&emsp;&emsp;&emsp;&emsp;
                </font>
                <a href="">首页</a>|
                <a href="">用户注册</a>
                
            </div>
            <div id="Sign" >
                <p>&emsp;登录</p>
            </div>
            
            <form id="a" action="" method="get">
                <font>用户名:</font>
                <input type="text" name="username" id="username" value="" placeholder="请输入用户名:"/>
                <br />
                <font>&emsp;密码:</font>
                <input type="password" name="pw" id="" value="" placeholder="请输入密码:" />
                <br />
                <font>验证码:</font>
                <font><input size="11" type="text" name="" id="" value="" placeholder="验证码" width="50"/></font>
                <button><img src="img/QQ图片20190514191401.png" /></button>
                <br />
                <input id="button" align="center" type="submit" value="登录"/><br />
                <a href="">忘记密码?</a>
            </form>
            
        </div>
        
    </body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。