app登录界面背景 css_前端教程：CSS写个精美的手机登录页面

有段时间没写文章了，这段时间比较忙，很抱歉。

今天的这个手机登录界面，使用了rem作为单位，自定义了字体，使用了模糊背景，半透明登陆框。效果是小编从网上看到的，就动手实现了下，分享给在座的诸位。小编才疏学浅，如果有什么不对或许要改进的地方，还望各位不吝赐教。

我们先来看下效果图：

一、准备工作：

1、目录简单介绍下

images 放图片

fonts 字体、字体图标

css 样式表文件

base.css 基础样式

login.css login界面样式

image

js javascript文件

flexible.js rem转换px文件

login.js login页面的其他js

login.html 登录页面

2、base.css文件：我们在 base.css 中定义字体、边距、填充等，这里只指出一些关键点，想要源码的话可以关注我们，然后再私信我们，我们会发给您。

① 通过效果图，我们可以看到，placeholder提示文字是白色，所以在这里需要更改下&