先来看一下最终的效果:
HTML部分的代码如下:
<body>
<header>
<div class="header-content">
<a href="index.html" class="logo"></a>
<span>欢迎登录</span>
<div class="login"><i></i><a href="#">登录页面,调查问卷</a> </div>
</div>
</header>
<main>
<section>
<div class="login-content">
<div class="login-content-top"&g