html登录页面学习
【摘要】 <!doctype html>
<html>
<head> <meta charset="utf-8"> <title>程序员之家</title> <style> html { background: url(lib/timg.jpg)fixed; -webkit-background-size: cover; -moz-background-size: cover; ...
<!doctype html>
<html>
<head> <meta charset="utf-8"> <title>程序员之家</title> <style> html { background: url(lib/timg.jpg)fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style>
</head>
<body> <br><br><br><br><br><br> <div class="text" style=" text-align:center; color aliceblue "><font size="+3">欢迎访问程序员之家</font></div> <br> <br> <br> <br> <div style="text-align:center;"> <input type="text" placeholder="用户名" style="align:center; width:200px; height:25px;background-color:rgba(255,255,255,255);
border-color:rgba(255,255,255,255);
color: rgba(0, 0, 0,255);
border-style:solid;
border-width:2px;
border-radius:10px;
font:19px " 宋体";" /> </div> <br> <div style="text-align:center;"> <input type="text" placeholder="密码" style="width:200px; height:25px;background-color:rgba(255,255,255,255);
border-color:rgba(255,255,255,255);
color: rgba(0, 0, 0,255);
border-style:solid;
border-width:2px;
border-radius:10px;
font:19px " 宋体";" /> </div> <div style="text-align: center"> <a href="baidu.com" style="text-decoration:none;color: aliceblue"> <font size="2"> 忘记密码？ </font> </a> </div> <br> <div style="text-align: center"> <button type="button" style="background-color:rgba(255,0,0,0);border-color:rgba(255,255,255,255);color: rgba(255, 255, 255,255);border-style:solid;border-width:2px;border-radius:5px;font:19px " 宋体";"> 立即登录 </button> <button type="button2" style="background-color:rgba(255,0,0,0);border-color:rgba(255,255,255,255);color: rgba(255, 255, 255,255);border-style:solid;border-width:2px;border-radius:5px;font:19px " 宋体";"> 注册账户 </button> </div>
</body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
文章来源: blog.csdn.net，作者：花狗Fdog，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/Fdog_/article/details/109529029
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）