2021即将结束,用一首歌送别2021吧!
先来看一下此注册界面效果图:
首先分析一下页面布局
首先设置整体布局和背景:
<style>
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body{
background: url("cssimage/register_bg.png");
}
.rg_layout{
width: 900px;
height: 500px;
border: 3px solid #EEEEEE;
background-color: white;
margin: auto;
padding: 15px;
margin-top: 15px;
}
<div class="rg_layout">
<div>
<!--最左边-->
</div>
<div>
<!--//中间-->
</div>
<div>
<!--右边-->
</div>
</div>
查看效果:
左边的模块:
<div>
<div>
/*最左边*/
<div class="rg_left">
<p>新用户注册</p>
<p>USER REGISTER</p>
</div>