好看的html登录界面，

界面效果：

代码：

<!DOCTYPE html>
<html><head><title>Login Page</title><style>body {background-color: #f2f2f2;font-family: Arial, sans-serif;}form {background-color: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 20px;width: 300px;margin: 0 auto;}h2 {text-align: center;}input[type="text"],input[type="password"] {width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}button {background-color: #4CAF50;color: white;padding: 14px 20px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;width: 100%;}button:hover {background-color: #45a049;}form {/* This centers the login form horizontally */margin: 0 auto;/* This centers the login form vertically *//* This centers the login form vertically and slightly towards the top */position: absolute;top: 50%;top: 40%;left: 50%;transform: translate(-50%, -50%);
}</style></head><body><form><h2>Login</h2><label for="username">Username</label><input type="text" id="username" name="username" placeholder="Enter your username"><label for="password">Password</label><input type="password" id="password" name="password" placeholder="Enter your password"><button type="submit">Login</button></form></body>
</html>

好看的html登录界面，相关推荐

好看的登陆界面java_简单又美观的登录界面
蓝桥杯昨天结束了,小编发挥的很不好,不开心~ 所以,今天就不讲算法,讲一下看的见的jsp登录界面吧. 李春波 - 岁月(管弦乐版) 04:13来自浪潮之巅的小萝卜头登录界面效果图: 是不是简洁又美观 ...
JavaWeb页面创作(一)——一个好看的登录界面
一个好看的登录界面代码非常简单,更改主体背景在body里更改属性,其余的文字在对应位置修改即可.页面效果展示如下: jsp界面代码附上: <%@ page language="jav ...
【博主推荐】html下拉框树形（附好看的登录界面）
文章目录 [博主推荐]html下拉框树形(附好看的登录界面) 下拉框示例下拉框代码登录1示例登录1代码登录2示例登录2代码资源下载 [博主推荐]html下拉框树形(附好看的登录界面) [博 ...
html好看的登录界面2（十四种风格登录源码）
文章目录 1.登录风格效果说明 1.1 凹显风登录界面 1.2 大气简洁风登录界面 1.3 弹出背景风登录界面 1.4 动态左右切换风登陆界面 1.5 简洁背景切换登录界面 1.6 可关闭登录界面 1 ...
vue+element ui实现好看的登录界面
闲暇之余使用vue+element ui制作了个登录界面话不多说,先上图界面效果图下面直接上代码: <template><div class="loginbody&q ...
html5好看的注册页面设计,Material Design风格用户注册登录界面设计
这是一款Material Design风格用户注册登录界面设计效果.该设计由用户登录,用户注册和忘记密码三个界面组成.设计中的所有元素都以Material Design为基础,整体效果时尚大方. 使用 ...
前端项目课程5 登录界面如何做
前端项目课程5 登录界面如何做一.总结一句话总结:找到好看的登录界面,然后模仿,再根据自己的需要加入自己的元素即可. 1.如何让块标签里面的行标签居中? 在块标签上面加 text-align:ce ...
qt登录界面跳转_每天10分钟，木辛老师带你实战慕课软件开发：登录界面开发第2课...
软件实战开始,快速提供编程能力:通过实战,分析产品需求,梳理设计需求,提升项目分析和架构的能力.快点跟着木辛老师一起学习吧! 请点击右上角"关注"按钮关注我们哟:跟着木辛老师学习P ...
python实现qq登录界面_使用Python编写一个QQ办公版的图形登录界面！
最近,QQ的办公版本--TIM进行了一次更新升级.本次更新升级大幅修改了界面的样式,看起来更加的清爽.简洁和高效了. 这种界面州的先生还是比较喜欢的,没有QQ那么花里胡哨,也比微信那些残缺的功能更加丰 ...

好看的html登录界面，

好看的html登录界面，相关推荐

最新文章

热门文章