bootstrap登录页面_极度舒适的爆款Web响应式登录界面，技术小白10分钟也能搞定...

对于前端小白(例如：专注后端代码N年的攻城狮)，自己编写一个漂亮的Web登录页面似乎在设计上有些捉襟见肘，不懂UI设计，颜色搭配极度的混乱(主色，辅助色，配色，色彩渐变，动画效果等等,看起来一堆乱七八糟的东西)。如果你对前端设计一知半解，又想自己动手写一个不错的页面，可以看看本文提供的快捷方式。

---

提示：本次文章的源代码和视频教程已附在文章最后

序言

对于长期搞后端开发的人员，想要自己动手去写一个漂亮的(看上去还能接受)的Web页面，首页面临的第一大难题是素材，很有多站点提供有现成的图片资源，以及现成的Web页面模板，但这些资源不是在配色上无法满足自己的需求，就是代码过于繁琐，需要加载很多第三方的插件(例如：Bootstrap,jQuery,xxx-plugin等等)，导致一个很小的页面也需要加载很多的资源，体验性不好，改写也比较麻烦(可读性差)。基于这样的原因，今天在这里分享一下自己写Web页面的一些经验(我是一名后端工程师)。

图片资源

在网上，你可以找到很多漂亮的素材图片，但