1. 程式人生 > >模擬登入介面網頁原始碼

模擬登入介面網頁原始碼

<!DOCTYPE html> <html>

    <head>         <meta charset="utf-8" />         <title>QQ登入</title>         <link rel="stylesheet" href="css/a.css" />     </head>

    <body>                  <div class="one">

            <p>                 <form method="get">                     使用者名稱&nbsp;<input type="text" size="15"><br />                     <br /> 密碼&nbsp;&nbsp;&nbsp;                     <input type="text" size="15"><br /><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                     <input type="submit" value="登入">                 </form>             </p>

        </div>     </body>

</html>

a.css檔案

      .one{     width: 370px;     height: 280px;     margin-left: 621px;     margin-top: 310px;     margin-right: 540px;      border: 2px solid black;     padding-top:100px ;     padding-left: 80px;     background-image: url(a.jpg);     background-position: center;     background-repeat: no-repeat;     background-size: 500px 500px; }