超级登陆界面样式 - CSS 代码

/* body样式 / body { margin: 0; padding: 0; background-image: url(../img/bglogin.png); / 背景图片 / background-repeat: no-repeat; / 背景图片不重复 */ }

/* login框样式 / .form { margin: 0 auto; / login框剧中 / margin-top: 200px; / login框与顶部的距离 / padding: 20px 50px; / login框内部的距离(内部与输入框和按钮的距离) / background-color: #00000090; / login框背景颜色和透明度 / width: 400px; height: 300px; border-radius: 10px; / 圆角边 / text-align: center; / 框内所有内容剧中 */ }

/* LOGIN字体样式 */ .form .welcome-message { color: white; }

/* 输入框样式 / .form input[type='text'], .form input[type='password'] { border: 0; / 删除输入框边框 / padding: 10px 10px; / 输入框内的间距 / border-bottom: 1px solid white; / 输入框白色下划线 / background-color: #00000000; / 输入框透明 / color: white; / 输入字体的颜色 */ }

/* 输入框icon样式 / .form .inputText span { color: white; / icon颜色 */ }

/* 提交按钮样式 / .form .submit-button input[type='submit'] { width: 150px; height: 25px; color: white; / 按钮字体颜色 / border: 0; / 删除按钮边框 / border-radius: 20px; / 按钮圆角边 / background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%); / 按钮颜色 */ }

/* 注册链接样式 */ .form .submit-button a { margin-left: 20px; color: white; }

/* 返回按钮样式 */ .form .return-button a { margin-top: 20px; color: white; }