css简洁系统后台登录表单页面代码
代码语言:html
所属分类:表单美化
代码描述:css简洁系统后台登录表单页面代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> *{ font-family: "微软雅黑"; font-size: 16px; border: 0; padding: 0; margin: 0; color: #666; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .bgone{ width: 100%; height: 100%; position: absolute; top:0;right: 0;left: 0;bottom: 0;margin: auto; } .pic{ width: 492px; height: auto; position: absolute; top:173px;right: 453px;left: 0;bottom: 0;margin: auto; z-index: 99999; } .table{ background-color: #FFFFFF; width: 960px; height: 465px; position: absolute; top:20%;right: 0;left: 0;bottom: 0;margin: auto; } .password{ position: absolute; top: 12.8rem; right: 4rem; display: flex; } .btn{ position: absolute; top: 18.5rem; right: 3.9rem; border: none; color: #fff; width: 373px; text-align: center; background-color: #1592ef; text-indent: 0rem; border-radius: 10px; text-shadow:2px 2px 1px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 1px rgba(0, 0, 0, 0.2); font-size:20px ; height: 50px; } .wel{ width: 960px; height: 35px; color: #fff; font-size: 30px; position: absolute; top: -7rem; text-align: center; }.wel1{ width: 960px; height: 35px; color: #fff; font-size: 12.38px; position: absolute; top: -4rem; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0