console
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>登陆栏</title>
</style>
</head>
<body>
<div class="ro">
<h1 class="roo">正在发生</h1>
<span class="jak">What's happening</span>
</div>
<thead>
<div class="rooo">
<a href="" class="word">首页</a>
<a href="" class="word">作者</a>
<a href="" class="word">关于</a>
<a href="" class="word">加入我们</a>
</div>
</thead>
<tbody>
<div class="hezi">
<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>
<h2>登录</h2>
<button style="border-radius:20px " class="w1-">使用谷歌账号登录</button>
<p>————————或————————</p>
<input type="text" class="w2-" style="solid" value="邮箱登录">
<br/>
<button style="border-radius:300px">忘记密码？</button>
</div>
</tbody>
</body>
</html>
.ro {
background: rgb(42, 169, 224);
text-align: center;
}
.jak {
letter-spacing: 10px;
padding-left: 0px;
text-align: center;
}
.rooo{
background: rgb(83, 189, 250);
font-size: 40px;
font-weight: 40;
}
a {
text-decoration: none;
}
.hz {
font-size: 100px;
display: flex;
padding: 40px;
background-color:blueviolet;
}
.w1-{
padding: 6px 50px;
}
.w2-{
text-align: center;
}