1例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登陆</title>
<style>
.box{
width: 300px;
height: 500px;
top: 15%;
left: 40%;
position: absolute;
border: 5px solid rgb(113, 113, 189);
}
body{
background-image:url("images/1.jpg");
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}
.box>form{
text-align: center;
margin-top: 15%;
}
.box>form>input{
margin-top: 15%;
width: 270px;
height: 50px;
}
.one{
width: 170px;
height: 45px;
margin-top:20px;
transition-property: background;
transition-duration: 2s;
transition-timing-function: linear;
}
.one:hover{
background-color: aqua;
}