登录实现页面

一、主题：完成登录页面

二、知识点

1、弹性布局：

display: flex;
    align-items: center;
    justify-content: center;

2、透明度：

background-color: rgba(0, 0, 0, 0.1);

opacity: 0.8;

三、页面布局

1、建一个大div包括所有页面，在css里加背景图片，并居中。

2、在建两个小div，第一个div显示LOGIN IN并改颜色居中，第二个div显示用户名、密码、文本框和登录、重置按钮，然后改css样式，并居中。

<div class="d1">
    <div class="d1-s2">
<div class="d1-s2-c1">
<p style="font-weight: bold;color: white;font-size: 30px;">
                LOGIN IN
            </p>
</div>
<div class="d1-s2-c2">
<p class="p1">
<span style="color: white;">用户名：</span>
<input type="text">
</p>
<p class