body {
margin: 0;
background-color: beige;
}
#ctr {
position: absolute;
padding: 8px;
text-align: center;
top: 20%;
left: 10%;
border:1px solid #000;
background-color: #b8d9f8;
}
.fun {
padding: 8px;
color: gray;
font-size: 20px;
border:1px solid #000;
}
#show_table {
position: absolute;
top: 10%;
left: 30%;
border:1px solid #000;
width: 60%;
height: 80%;
background-color: white;
}
caption {
font-size: 30px;
}
table {
position: absolute;
width: 90%;
padding: 5%;
text-align: center;
border:2px solid #000;
border-collapse: collapse;
}
tr td,th{
border:1px solid #000;
}
div .fun:hover {
border:3px solid #2A9E0F; /*边框颜色*/
background-color: #ddbaee; /*DiV背景颜色*/
}
上面是control.css
下面是login.css
body {
margin: 0;
background-color: beige;
}
#login-box{
width: 30%;
height: auto;
margin: 0 auto;
margin-top: 10%;
text-align: center;
background: #ffffff;
padding: 20px 50px;
}
#login-box h1{
color: #000000;
}
#login-box .form{
margin-top: 50px;
}
#login-box .form .item{
margin-top: 15px;
}
#login-box .form .item input{
border:1px solid gray;
width: 180px;
font-size: 18px;
padding: 5px 10px;
background: #ffffff00;
color: #000000;
}
#login-box button{
margin-top: 15px;
width: 180px;
height: 30px;
font-size: 20px;
font-weight: 700;
border: 0;
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #ddbaee 0%, #e8a8ee 33%, #b8d9f8 66%, #59bcf5 100%);
border-radius: 15px;
}
下面是signin.css
body {
margin: 0;
background-color: beige;
}
#login-box{
width: 30%;
height: auto;
margin: 0 auto;
margin-top: 10%;
text-align: center;
background: #ffffff;
padding: 20px 50px;
}
#login-box h1{
color: #000000;
}
#login-box .form{
margin-top: 50px;
}
#login-box .form .item{
margin-top: 15px;
}
#login-box .form .item input{
border:1px solid gray;
width: 180px;
font-size: 18px;
padding: 5px 10px;
background: #ffffff00;
color: #000000;
}
#login-box button{
margin-top: 15px;
width: 180px;
height: 30px;
font-size: 20px;
font-weight: 700;
border: 0;
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #ddbaee 0%, #e8a8ee 33%, #b8d9f8 66%, #59bcf5 100%);
border-radius: 15px;
}