示例

使用办法自行查找，下面是css代码

body{background-image:linear-gradient(to right top,#001f7e,#474497,#726caf,#9c96c7,#c6c2df,#d1c6e5,#ddcaeb,#eaceef,#eba4d2,#ed76a4,#e64567,#cf0921)}
.login h1 a{background: url(你的logo.png) no-repeat;width:128px;height:30px;background-size:contain}
.login form{border-radius:10px}
.login label{font-size:16px;color:#6a6a6a}
.login form .input{height:40px;padding:0 10px;box-shadow:none;border-radius:10px;border-color:#e2e2e2;background:#f2f2f2;font-size:14px}
.login form .input:focus,.login form .input:hover{border-color:#54b1a9}
.login .button-group.button-large .button,.login .button-primary,.login .button.button-large{height:40px;padding:0 20px;display:inline-block;box-shadow:none;border:none;background:#001f7e;font-size:16px;border-radius:25px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.login .button-primary:hover{background:#70cbc3}
.login .forgetmenot{margin-top:10px}
.login #backtoblog,.login #nav{margin:20px 0 0;padding:0!important}
.login #backtoblog a,.login #nav a{text-shadow:0 1px 0 rgba(0,0,0,.2);color:#000}
.login #backtoblog a:hover,.login #nav a:hover{text-decoration:underline;color:#fff}
.login #nav{float:right}
.login #backtoblog{float:left}