代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width==, initial-scale=1.0">
<title> 注册_华为帐号</title>
<style>
.box1{
width: 1472px;
height: 900px;
float: left;
background-color: #ffffff;
}
.box2{
width: 1472px;
height: 60px;
float: left;
background-color: #f1f1f1 ;
}
.kuyij{
color: #d4d8db;
position: relative;
left: 16px;
top: -34px;
}
.gg{
color: #1b1835;
text-align: center;
font-weight: 600;
font-size: larger;
position: relative;
left: 33px;
top: -33px;
}
.box3{
height: 135px;
width: 352px;
float: left;
background-color: rgb(255, 255, 255);
position: relative;
left: 524px;
top: 14px;
text-align: center;
font-size: 36px;
}
.mmmm{
color: #000;
text-align: center;
font-size: 19px ;
position: relative;
bottom: 17px;
}
.box4{
width: 212px;
height: 55px;
float: left;
background-color: #f1f1f1;
position: relative;
border-radius:8px;
left: -166px;
top: 25px;
}
.tttt{
color: #000;
text-align: center;
font-size: 19px ;
position: relative;
bottom: 2px;
}
.box5{
width: 212px;
height: 57px;
float: left;
background-color: #ffffff;
position: relative;
border-radius:8px;
left: -378px;
top: 92px;
}
.ttttt{
color: #000;
text-align: center;
font-size: 19px ;
position: relative;
bottom: 9px;
}
.box6{
width: 434px;
height: 471.28px;
background-color: #ffffff;
float: left;
position: relative;
top: 161px;
right: 280px;
}
.box7{
width: 434px;
height: 45px;
background-color: #f2f2f2;
float: left;
border-radius:8px;
}
.ko{
color: #19191a;
float: left;
position: relative;
top: 10px;
}
.open{
color: #19191a;
float: left;
position: relative;
left: 359px;
}
.box8{
width: 434px;
height: 45px;
background-color: #ffffff;
float: left;
margin-top: 30px;
border-radius:8px;
}
.eee{
width: 140px;
height: 45px;
float: left;
text-align: center;
border-bottom-left-radius:8px;
border-top-left-radius: 8px;
background-color: #f2f2f2;
}
.jjjj{
width: 294px;
height: 45px;
float: left;
background-color: #f2f2f2;
border-bottom-right-radius:8px;
border-top-right-radius: 8px;
position: relative;
left: 140px;
bottom: 21px;
}
.lk{
width:0.7px;
height: 18px;
background-color: #b9b1b1;
position: relative;
bottom: 54px ;
left: 129px;
float: left;
margin-bottom: 5px;
}
.box9{
width: 434px;
height: 45px;
background-color: #f1f1f1;
float: left;
margin-top: 30px;
border-radius:8px;
}
.jjjjj{
color: #8686ef;
float: left;
position: relative;
left: 332px;
bottom: 37px;
}
.hh{
color: #8686ef;
float: left;
position: relative;
left: 332px;
bottom: 37px;
}
.box10{
width: 434px;
height: 45px;
background-color: #f2f2f2;
float: left;
margin-top: 89px;
border-radius:8px;
}
.rrrr{
color: #19191a;
float: left;
position: relative;