原来CSS的登录界面可以变得这么好看

  个人名片：
 😊作者简介：一名大一在校生，web前端开发专业
 🤡 个人主页：几何小超
 🐼座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。
 🎅**学习目标: 坚持每一次的学习打卡，学好前端

今天给大家带来一个绝美的Css界面，接下来展示效果图

 感觉非常好看的，接下来还是来写我们的架构

大盒子：Login

第二个盒子：box

然后设置顶部文字使用p标签

然后我们的p标签也能给类名叫table

换行：

然后写两个输入框

 

  

下面在放一个a标签，定义一个类名叫go

整体架构就是这样

 <div class="Login">
        <div class="box">
            <p class="table">登录界面p>
            <br>
            <input type="text" placeholder="账号">
            <input type="password" placeholder="密码">
            <br>
            <a href="#" class="go">GOa>
        div>
    div>

毕竟是一个简单的登录界面，架构没有很复杂，自己都可以写的出来！

接下来就是CSS界面，我们使用CSS来实现这个美丽的界面

后期我们能通过JS可以加上动态效果，只不过这里讲css，没有讲js

素材是封面，大家可以来试试敲一下，因为很多都是基础知识，我相信大家也懂，不懂的话可以去看黑马pink老师讲的，学完后再看就理解很多了

希望每一个前端人生活都能像画画一样多姿多彩，加油，前端人。