简单的HTML登录界面 | 您所在的位置:网站首页 › 创建一个html页面 › 简单的HTML登录界面 |
1 登陆 登陆 用户名 密码 记住信息 登录 登录页面 @2020年5月10日完整的代码:https://download.csdn.net/download/mingzi1245/12406211 2. login 欢迎 使用账号登录 马上登录记住密码 忘记密码? 立即找回 2020年5月10日 完整的代码:https://download.csdn.net/download/mingzi1245/12406208
3 html代码 后台管理系统 欢迎登录css代码 body { background-color: #8ea4f8; background-image: url(images/background.jpg); background-repeat: no-repeat; background-size: cover; //背景图适应屏幕 } .login_box { width: 400px; height: 400px; background-color: #fff; margin: auto; margin-top: 150px; border-radius: 5px; overflow: hidden;//.title设置margin-top无效,给父元素设置overflow:hidden; } .title { text-align: center; font-size: 28px; color: #000; margin-top: 80px; margin-bottom: 10px; letter-spacing: 3px; font-family: sans-serif; } .input_box { width: 300px; height: 30px; width: 300px; height: 40px; padding-left: 10px; margin-top: 20px; margin-left: 50px; } .button_box { width: 300px; height: 35px; width: 300px; height: 40px; margin-top: 20px; margin-left: 50px; border-radius: 5px; background-color: #64a9d9; cursor: pointer; color: #fff; } .logo_box { position: absolute; background-color: #fff; width: 100px; height: 100px; border-radius: 100px; top: 100px; left: 46%; border: solid 5px #A68364; text-align: center; } .logo_img { margin-top: 20px; }完整的代码:https://download.csdn.net/download/mingzi1245/12406204 |
CopyRight 2018-2019 实验室设备网 版权所有 |