console
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>小鸡着陆</title>
</head>
<body>
<div id="logo_zhengge">
<div>
<p id="logo_first">正在发生</p>
<p id="logo_second">What's happening</p>
</div>
</div>
<div id="daohang">
<div id="daohang_zi">
<a href="">首页</a>
<a href="">作者</a>
<a href="">关于</a>
<a href="">加入我们</a>
</div>
</div>
<div id="denglu">
<div id="denglu_biao">
<svg t="1647917700893" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2290"
width="50" height="50">
<path d="M377.248 896c-103.52 0-200-30.08-281.248-82.048 68.96 4.48 190.656-6.24 266.368-78.432-113.888-5.216-165.248-92.576-171.936-129.888 9.664 3.744 55.808 8.224 81.856-2.24-130.976-32.832-151.072-147.808-146.624-182.88 24.576 17.184 66.24 23.136 82.624 21.632-122.048-87.328-78.144-218.688-56.544-247.04 87.584 121.344 218.88 189.504 381.248 193.28a187.68 187.68 0 0 1-4.672-41.76C528.32 243.52 611.616 160 714.4 160a185.28 185.28 0 0 1 136 59.296c35.904-8.416 89.92-28.096 116.288-45.12-13.312 47.776-54.72 87.616-79.776 102.4 0.192 0.512-0.224-0.512 0 0 22.016-3.328 81.568-14.784 105.088-30.72-11.648 26.816-55.552 71.456-91.584 96.416C907.136 638.016 680.832 896 377.216 896z"
fill="#47ACDF" p-id="2291"></path>
</svg>
<h1>登录</h1>
<button id="zhanghao">使用谷歌账号登录</button>
<p id="or">——————或——————</p>
<input id="youxiang"" type="text" value="邮箱登录">
<dl/>
<button id="forget">忘记密码?那你完了啊</button>
</div>
</div>
</body>
</html>
#logo_zhengge{
background-color:rgb(42, 169, 224);
height:90px;
}
p{
color:white;
text-align: center;
margin:13px;
}
#logo_first{
font-size:35px;
font-weight:bold;
letter-spacing:9px;
}
#logo_second{
font-size:15px;
letter-spacing: 8px;
}
#daohang{
background-color:rgb(83, 189, 250);
height:40px;
text-align:center;
line-height:40px;
margin: 0px auto;
}
#daohang_zi{
padding-left: 20px;
}
a{
color:whitesmoke;
text-decoration:none;
padding-right: 40px;
}
#denglu{
height:420px;
background-image: -webkit-linear-gradient(top,#119afb,white);
padding-top:50px;
}
#denglu_biao{
background-color:white;
width:320px;
height:320px;
border-radius: 25px;
margin: 0px auto;
padding-top:20px;
text-align:center;
}
h1{
margin:5px;
letter-spacing:8px;
}
#or{
color:black;
}
button{
border-radius:15px;
height:35px;
width:220px;
background-color:white;
}
#youxiang{
height:30px;
width:210px;
text-align:center;
color:gainsboro;
}
#zhanghao{
color:gainsboro;
}