```html
<body>
<div class="main">
<div class="load-box">
<div class="login-box">
<a href="#"><label>用户登录</label></a>
</div>
<div class="register-box">
<a href="#"><label>管理员登录</label></a>
</div>
</div>
</div>
</body>
```css
<style>
.*{
margin:0;
padding:0;
}
.main{
width:100vw;
height:100vh;
background:linear-gradient(50deg,gray,white);
}
.load-box{
width:500px;
height:300px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background:linear-gradient(80deg,gray,black);
text-align: center;
}
.login-box,.register-box{
margin:50px 150px 0 150px;
width:200px;
height:80px;
display:flex;
align-items:center;
flex-direction:column;
background:linear-gradient(60deg,gray,black)
}
.login-box a{
font-size:30px;
color:white;
text-decoration:none;
}
</style>
想要去掉下划线,字体居中。但是text-algin:center;和text-decoration:none;都没有化。