通过表格的方式将注册格式设置再页面主题内容部分

后通过CSS设置注册表格部分需要的美化设置

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>注册界面</title>
  6.     <link rel="stylesheet" href="style2.css">
  7.     <script type="text/javascript" src="javascript.js"></script>
  8. </head>
  9. <body>
  10.     <div class="header">
  11.         <div class="logo">
  12.             <img src="image/logo.png" alt="">
  13.         </div>
  14.         <div class="menu" onmouseleave="show_menu1()">
  15.             <div class="menu_title" onclick="show_menu()">
  16.                 <a href="#">内容分类</a>
  17.             </div>
  18.             <ul id="menu1">
  19.                 <li>现实主义</li>
  20.                 <li>抽象主义</li>
  21.             </ul>
  22.         </div>
  23.         <div class="auth">
  24.             <ul>
  25.                 <li><a href="youhuadenglu.html">登录</a></li>
  26.                 <li><a href="youhuazhuce.html">注册</a></li>
  27.             </ul>
  28.         </div>
  29.     </div>
  30.     <div class="banner">
  31.         <ul>
  32.             <li class="left">
  33.                 <img src="image/left.png" alt="">
  34.             </li>
  35.             <li class="right">
  36.                 <div class="right-big">
  37.                     <div class="btn">用户注册</div>
  38.                     <div class="ider">
  39.                         <form action="youhuadenglu.html" method="get">
  40.                             <table border="0" align="center">
  41.                                 <tr>
  42.                                     <td align="left">用户名:</td>
  43.                                     <td>
  44.                                         <input type="text" name="username" id="" class="yonghu">
  45.                                     </td>
  46.                                 </tr>
  47.                                 <tr>
  48.                                     <td align="left">密码:</td>
  49.                                     <td>
  50.                                         <input type="password" name="" id="" class="yonghu">
  51.                                     </td>
  52.                                 </tr>
  53.                                 <tr>
  54.                                     <td align="left">确认密码:</td>
  55.                                     <td>
  56.                                         <input type="password" name="" id="" class="yonghu">
  57.                                     </td>
  58.                                 </tr>
  59.                                 <tr>
  60.                                     <td align="left">上传头像:</td>
  61.                                     <td>
  62.                                         <input type="file" id="btn_file" class="yonghu">
  63.                                     </td>
  64.                                 </tr>
  65.                             </table>
  66.                             <input type="submit" value="注册" class="zhuce">
  67.                         </form>
  68.                     </div>
  69.                 </div>
  70.             </li>
  71.         </ul>
  72.     </div>
  73.     <!-- 页尾部分 -->
  74.     <div class="footer">
  75.         <div class="fuhao">
  76.         <p class="hongse">&#77;&#45;&#72;&#65;&#76;&#76;&#82;&#89;</p>
  77.       <p>&copy;&#50;&#48;&#49;&#55;&nbsp;&#80;&#79;&#87;&#69;&#82;&#69;&#68;&nbsp;&#66;&#89;
  78.         &nbsp;&#68;&#79;&#68;&#79;&#75;&#69;&#46;&#73;&#78;&#67;</p></div>
  79.     </div>
  80. </body>
  81. </html>