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

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

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

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

大盒子:Login

第二个盒子:box

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

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

换行:

然后写两个输入框

 

  

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

整体架构就是这样

 

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

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

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

 

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

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

你可能感兴趣的:(css,html,前端)