| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <!-- 引入css文件 rel="stylesheet" href为css文件路径 -->
- <link rel="stylesheet" href="./css/login.css">
- </head>
- <body>
- <!-- 最外层容器 -->
- <div class="container clearfix">
- <!-- 登录页面左侧图片 -->
- <div class="left-img"></div>
- <!-- 登录页面主要功能部分 -->
- <div class="right-content">
- <!-- 顶部导航栏 -->
- <div class="top-bar clearfix">
- <div class="logo clearfix">
- <img src="./img/logo-mi2.png" alt="logo">
- <span>小米账号</span>
- </div>
- <div class="top-nav">
- <ul class="clearfix">
- <li>用户协议</li>
- <li>隐私政策</li>
- <li>帮助中心</li>
- <li class="line">|</li>
- <li>中文(简体)
- <i></i>
- </li>
- </ul>
- </div>
- </div>
- <!-- 登录框 -->
- <div class="login-box">
- <!-- 登录框切换按钮 -->
- <div class="login-tab clearfix">
- <div class="active">登录</div>
- <div >注册</div>
- </div>
- <!-- 文本框区域 -->
- <div class="login-input">
- <div>
- <!-- placeholder 占位符 -->
- <input type="text" placeholder="邮箱/手机号码/小米ID">
- </div>
- <div>
- <input type="password" placeholder="密码">
- </div>
- </div>
- <!-- 协议区域 -->
- <div class="login-agreement">
- </div>
- <!-- 登录按钮 -->
- <div class="login-btn">
- </div>
- <!-- 其他登录方式 -->
- <div class="login-other">
- </div>
- </div>
- <!-- 底部区域 -->
- <div class="bottom-bar">
- </div>
- </div>
- </body>
- </html>
|
