本文详细介绍了Html简单美观的登录页面的具体代码。 有参考价值，感兴趣的合作伙伴可以参考
先看看情况吧。
html源代码：
将内容复制到剪贴板
登录登录登录
css代码：
CSS代码将内容添加到剪贴板html{
width: 100%；
height: 100%；
Overflow :隐藏；
字体样式： sans-serif；
}
body{
width: 100%；
height: 100%；
字体系列： ' open sans '，sans-serif；
margin: 0；
背景色： # 4a 374 a；
}
#login{
位置： absolute；
top: 50%；
left:50%；
margin: -150px 0 0 -150px；
width: 300px；
高： 300 px；
}
#login h1{
color: #fff；
文本- shadow :0010px；
letter-spacing: 1px；
文本对齐3360中心；
}
h1{
font-size: 2em；
margin: 0.67em 0；
}
输入{
width: 278px；
高： 18px；
玛格琳- bottom : 10px；
Outline :无；
padding: 10px；
font-size: 13px；
color: #fff；
文本- shadow :1 px 1px 1px；
border-top: 1px solid #312E3D；
边框左：1 px固态# 312 e3d；
边框光33601 px固态# 312 e3d；
border-bottom 33601 px solid # 56536 a；
border-radius: 4px；
背景色： #2d2d 3f；
}
. but{
width: 300px；
min-height: 20px；
显示： block；
背景色： # 4a77d 4；
border : 1px固态# 3762 BC；
color: #fff；
padding: 9px 14px；
font-size: 15px；
line-height: normal；
border-radius: 5px；
margin: 0；
}
总结：
代码为以下：
placeholder='用户名'角色：占位符
【相关推荐】