话不多说先上个图。本程序采用的效果全部是css编写
代码结构也很简单,有需要的小伙伴可以借鉴一下,下面放代码
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/style.css"> <title>Login</title> </head> <body> <div class="login-container"> <div class="left-container"> <div class="title"><span>登录</span></div> <div class="input-container"> <input type="text" name="username" placeholder="用户名"> <input type="password" name="password" placeholder="密码"> </div> <div class="message-container"> <span>忘记密码</span> </div> </div> <div class="right-container"> <div class="regist-container"> <span class="regist">注册</span> </div> <div class="actoin-container"> <span>提交</span> </div> </div> </div> </body> </html>
CSS抱歉,隐藏内容 回复 后刷新可见
未经允许不得转载:作者:墨吻,
转载或复制请以 超链接形式 并注明出处 墨吻博客。
原文地址:《【CSS教程】紫色渐变登陆布局html+css代码》 发布于2020-12-21
测试