qqメールアドレスユーザー登録ページ

3815 ワード
html 



    
    
    <style type="text/css">
        *{
            padding: 0;
            margin: 0;
        }
        .all{
            border: 1px solid lightskyblue;
            width: 300px;
            height: 360px;
            top: 100px;
            right: 200px;
            position: absolute;
        }
        .first{
            width: 335px;
            height: 50px;
        }
        .login,.passwd{
            width: 160px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            display:block;
            font-family: "Lucida Blackletter", eufm10, blackletter;
            color: gray;
            float: left;
        }
        .login:hover{
            color: black;
        }
        .passwd:hover{
            color: black;
        }
        .second{
            width: 330px;
            height: 300px;
        }
        .number{
            width: 280px;
            height: 35px;
            margin-top: 33px;
            margin-left: 15px;
        }
        .password{
            width: 280px;
            height: 35px;
            margin-top: 15px;
            margin-left: 15px;
        }
        .bnext{
            width: 20px;
            height: 20px;
            margin-top: 10px;
            margin-left: 15px;
        }
        .lnext{
            display: block;
            width: 100px;
            height: 10px;
            margin-left: 45px;
            margin-top: -22px;
            font-size: small;
        }
        .oknext{
            width: 280px;
            height: 40px;
            margin-top: 15px;
            margin-left:15px;
            border: 0;
            background-color: deepskyblue;
            font-size: large;
            color: white;
            font-family: "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive;
        }
        .search{
            font-size: small;
            color: blue;
            /*margin-top: 80px;*/
            line-height: 50px;
            margin-left: 110px;
        }
        .search:hover{
            color: gray;
        }
        
        .forth{
            width: 220px;
            height: 50px;
            /*line-height: 0px;*/
            margin-top: -20px;
            padding-left: 210px;
            font-size: small;
            color: blue;
        }
        .fog:hover{
            color: gray;
        }
        /*.search{*/
            /*width:100px ;*/
            /*height: 10px;*/
            /*margin-top: 45px ;*/
            /*margin-left: 10px;*/
        /*}*/

    </style>


<div class="all">
    <div class="first">
        <span class="login"> </span>
        <span class="passwd">QQ </span>

    </div>
    <div class="second">
        <input type="text" placeholder=" QQ / / " class="number"/><br/>
        <input type="password" placeholder="QQ " class="password"/>
        <input type="checkbox" class="bnext"/><span class="lnext"> </span>
        <input type="button" value=" " class="oknext"/>
        <span class="search"> </span>
    </div>
    <!--<div class="third">-->
        <!--<span class="search"> </span>-->
    <!--</div>-->
    <div class="forth">
        <span class="fog"> ？</span>
    </div>
</div>


</code></pre> 
 </div> 
</div>
                            </div>
                        </div>
jQuery-コメントフォーム
HTML 5-1. Route