console
<body>
<div>
<div class="title">哔哩哔哩获取时间</div>
</div>
<div class="content">
<a href="https://member.bilibili.com/x2/creative/h5/calendar/card?ts=1576425600&spm_id_from=333.788.b_636f6d6d656e74.6" rel="noreferrer" target="_blank" class="get-user-info-link">获取自己的b账信息</a>
<textarea id="userInfo" placeholder="请粘贴全部数据"></textarea>
<div class="submit-but" id="submit">
<div class="text">获取注册时间</div>
</div>
</div>
<div class="short-url-title">注册时间</div>
<div class="gray">123</div>
</body>
.title{
color: rgb(183, 139, 228);
font-size: 40px;
display: flex;
justify-content: center;
}
.content{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-top: 40px;
}
.get-user-info-link{
color: rgb(235, 19, 19);
}
#userInfo{
margin-top: 40px;
width: 300px;
height: 100px;
font-size: 20px;
}
.submit-but{
color: white;
margin-top: 40px;
border-radius: 25px;
background-color: red;
width: 300px;
height: 50px
}
.text{
display: flex;
justify-content: center;
margin-top: 15px;
}
.short-url-title{
margin-top: 40px;
margin-left: 10px;
}
.gray{
margin-top: 10px;
margin-left: 10px;
height: 48px;
background: rgb(173, 201, 219);
}