清爽登录界面html,基于css3实现扁平简洁清爽的登录注册页面代码

今天给大家分享一款基于css3实现扁平简洁清爽的登录注册页面代码，使用浅色设计，兼容移动设备，加入了基本的表单验证，适合大部分网站。

代码很简单有css样式，index.html两部分代码。感兴趣的朋友可以查看效果演示，也可以下载源码,此段代码适用于任何浏览器：搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗，是一款不错的的特效源码！

首先是登录界面，我命名为login.html(这在代码的跳转中有作用)，有几个我认为比较重要的地方我直接用//来注释了，但是小伙伴复制粘贴的时候需要把注释去掉，因为HTML注释语法不是这样的：

form

{

width:100%;

height:700px;

margin-top: 0px;

background:#008B8B;

}

div

{

display:inline-block;

padding-top: 80px;

padding-right: 20px;

}

{

font-family: "微软雅黑";

font-size: 40px;

color:black;

}

#log

{

color:blue;

}

Hedy西点店欢迎您！

用户名:

密码: //注意：&emsp是全角空格符，占一个中文字的长度，加上可以保证用户名和密码对齐，小伙伴可以试着先不加这个运行一下看一下结果

还没有账号？立即注册

然后是注册页面，我把它命名为register.html

form

{

width:100%;

height:700px;

margin-top: 0px;

background:#008B8B;

}

div

{

display:inline-block;

padding-top: 40px;

padding-left: 0px;

}

{

font-family: "微软雅黑";

font-size: 40px;

color:black;

}

#reg

{

color:blue;

}

用户名:

密码:

手机号:

已有账号？请登录

3、总结:这两个页面很相似，涉及到的元素都差不多，不同的只是对页面的布局，很多地方的布局都可以进行修改得到你最满意的页面效果，也有很多元素的属性可以进一步设置，比如限制用户名和密码的长度，加入背景图片等等，都非常简单，只要修改上面相应的一行代码即可，今天的分享就是这样啦~~

计算机登录界面没有用户显示不出来,win10不出现登录界面怎么办
通常情况,一些用户为了保证自己运行win10系统的安全,就会选择给电脑设置启动密码,因此我们在启动win10系统时就会有登录界面出现,然而有些用户的系统却不出现登录界面了,那么win10不出现登录界面 ...
微信小程序登录注册页面代码
以下是一个简单的微信小程序注册登录页面的代码示例:  <view class="container"><form ...
.net vue漂亮登录界面_基于 electron-vue 开发的音乐播放器「实践」
作者:XiaoTuGou 转发链接:https://github.com/SmallRuralDog 前言基于 electron-vue 开发的音乐播放器,界面模仿QQ音乐. 技术栈electron ...
登录界面的滑动_【提醒】电子税务局登录方式有变化！ 8月31日关闭“原方式登录”...
电子税务局登录方式有变化! 8月31日关闭"原方式登录" 山西省电子税务局对用户登录方式和授权系统进行了升级,升级后原方式登录将于8月31日关闭.近期,纳税人陆续到税务大厅进行 ...
Django(part38)--制作登录界面
学习笔记,仅供参考,有错必究文章目录制作登录界面第一步第二步第三步第四步制作登录界面我们基于博客Django(part36)–cookies的mywebsite_bookstore项目 ...
实训|第三天Linux登录界面的修改以及Richard Stallman、自由软件运动
在写博客之前我想说两点: 承认一个错误,昨天写的实训第二天,我把redhat6.7写成了Linux6.7,感谢热心人士的指出! 昨天写的文章名字太长了,今天改善,内容感觉表述不全,希望各位谅解! 官方 ...
python项目实战:pyqt5实现登录界面模板
2019独角兽企业重金招聘Python工程师标准>>> 前言今天为大家介绍一个利用开发登录界面模板,基于pyqt5库,pyqt5这也一个PythonGUI界面开发的库,非常强大,关 ...
PyQt5实现登录界面，包含用户注册，记住密码功能
本文主要基于PyQt5用的是qt designer,连接MySQL实现登录界面,包含注册功能,记住密码功能,说明这一切都是基于在pycharm上配置好了pyuic和qt designer 目录 1.实 ...
Linux 上 GDM 登录界面如何适应高分屏
GDM(GNOME Desktop Manager)是一种 GNOME 显示环境的管理器,它是一个运行在后台的小程序(脚本),用于运行你的 X 会话,显示一个登录界面并在你正确输入密码后才允许登录.G ...

清爽登录界面html,基于css3实现扁平简洁清爽的登录注册页面代码

清爽登录界面html,基于css3实现扁平简洁清爽的登录注册页面代码相关推荐

最新文章

热门文章