简单的登录界面（html）

开头先展示成果：制作该页面代码不多，十分简单，运用了些许CSS，但大部分都是html。代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><linkrel="short icon" href="photo/titlepicture(banshou).jpeg" >

爱编程的锤子

4918人浏览 · 2021-07-09 16:30:26

爱编程的锤子 · 2021-07-09 16:30:26 发布

开头先展示成果：

制作该页面代码不多，十分简单，运用了些许CSS，但大部分都是html。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link  rel="short icon" href="photo/titlepicture(banshou).jpeg" >
    <title>HTML登录界面</title>

<style>
    .tittle1{font-size: xxx-large;text-align: center;font-family: Arial;}
    .button1{text-align: center;}
    body{margin: 250px;background: url("photo/background5(mountain).jpg ")}
</style>
</head>
<body>
 <h1 class="tittle1">HTML登录界面</h1>
<center>
  <table border="0">
      <tr>
          <td style="padding: 20px;padding-right: 0px;color: #bbbbbb;font-size: 20px">
             <b>账号：</b>
          </td>
          <td>
              <form>
                  <input type="text" name="account" >
              </form>
          </td>

      </tr>
      <tr>
          <td style="padding: 20px;padding-right: 0px;color: #bbbbbb;font-size: 20px">
              <b>密码：</b>
          </td>
          <td>
              <form>
                  <input type="password" name="passcode">
              </form>
          </td>
      </tr>
      <tr>
          <td colspan="2" >

              <input type="submit" style="margin: 30px;margin-top:0px;margin-left:10px;width: 250px;height: 50px;font-size: larger;" value="登录">

          </td>

      </tr>
  </table>
</center>
</body>
</html>

以上仅是最近实践成果，若日后学获更多知识会加以改进，令它功能更加完善。