简单QQ注册

 

 

body {
    margin: 0;
}
.content .left {
    float: left;
    width: 400px;
    height: 568px;
    /* */
}
.content .right {
    float: left;
    width: 500px;
    height: 550px;
    /* */
    margin: 10px 180px;
}
.content .left img {
    width: 100%;
    height: 100%;
}
.content .right .main {
    margin-top: 100px;
    width: 100%;
    height: 380px;
    /* */
}

#first, #second {
    width: 300px;
    height: 36px;
}
#third {
    width: 212px;
    height: 36px;
}
#fifth {
    width: 80px;
    height: 41px;
}
.content .right .main div {
    margin: 40px 90px;
}
.content .right .main div p {
    font-size: 13px;
    color: #999;
}
#fouth {
    margin-top: 40px;
    width: 300px;
    height: 50px;
    background-color: #3386ff;
    border: none;
}
.title p {
    margin-left: 90px;
}
.title p:nth-child(1) {
    font-size: 30px;
}
.title p:nth-child(2) {
    font-size: 15px;
}
 
 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QQ注册</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="content">
        <div class="left">
            <img src="images/bg3.jpg" alt="背景">
        </div>
        <div class="right">
            <div class="title">
                <p>欢迎注册QQ</p>
                <p>每一天,乐在沟通。</p>
            </div>
            <div class="main">
                <form action="">
                    <div>
                        <input id="first" type="text" placeholder="昵称">
                    </div>
                    <div>
                        <input id="second" type="text" placeholder="密码">
                    </div>
                    <div>
                        <select name="" id="fifth">
                            <option value="">+86</option>
                            <option value="">1</option>
                            <option value="">1</option>
                            <option value="">1</option>
                        </select>
                        <input id="third" type="text" placeholder="手机号码">
                        <p>可通过该手机号找回密码</p>
                        <input id="fouth" type="submit" value="立即注册">
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>
 
posted @   Hi,小董先生  阅读(119)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示