注册登录页面的呈现

说道登录 注册页面，大家都熟悉不过了，几乎每个使用的APP都会有的页面。

而我也觉得这种页面很简单制作 ，于是就尝试的去做了。

而我呈现的登录  注册页面就是下图：

一图是登录，二图是注册，其实两图的样式都很相似。所以只要做一个页面就可以。

我们再看：

               这是整个页面的头部，我们对头部的两个a标签进行样式处理。

接下来就是中间内容，我把它分成三个部分来做，

各色箭头就代表了三个部分，我们看红色箭头中，就是登陆与记住密码不太和账号相似，我们就给它来标签。

多次使用标签，来输入框内文字。（补充小知识:上图中登录中间的空格可用  来表示空格）

黄色箭头中就是一些文字性的样式，我们看：

 我用标签给它包起来，接下来采用的样式就是颜色，上下距离的改变，比较简单。做出来的效果就是上图那样。

最后看最后蓝色箭头部分：

 左右两组代码图片，就是对上边的第三部分做出来的，主要就是页面中（使用第三方账号直接登录）左右两边的线条做了样式的改变。最后就呈现出登录页面。

既然登录页面出来了，注册页面就可以说是复制登录页面的样式就可以了。

 左边是登录页面 右边是登录页面内容，只需要把右边登录页面的复制下，改一改就可以了。

这就是我复制过去的，改了改就出现注册页面。

好了，就这样了。本人言语不通，各路大神请见谅。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！