15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > html+css做简易登录窗口

html+css做简易登录窗口

时间:2023-09-05 23:06:01 | 来源:网站运营

时间:2023-09-05 23:06:01 来源:网站运营

html+css做简易登录窗口:

html代码块

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body><div class="login"> <div class="flex1 login-top">登录窗口</div> <div class="flex1">用户名:<input type="text"> </div> <div class="flex1">密&nbsp;&nbsp;&nbsp;码:&nbsp;&nbsp; <input type="password"></div> <div class="flex1"><button>确&nbsp;&nbsp;&nbsp;定</button></div></div></body></html>

CSS代码块

.login{ width:300px; height:200px; background:#7f7cd6; border-radius:10px; margin:100px auto; display:flex; flex-direction:column; overflow:hidden; } body{ background:#eeee; }.flex1{ flex:1; text-align:center; line-height:50px;} .login-top{ background:#e89bd4; color:white;}.login button{ font-size:16px; }.login input{ font-size:16px;}链接:



关键词:窗口,简易

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭