网易邮箱登录界面制作方法

今天用css和html制作一个简单的登录界面，下面是代码：

<div class="box"><div class="top-box"><img src="./img/1.gif" alt=""><a href="">免费邮&nbsp;企业邮&nbsp;VIP邮箱&nbsp;帮助</a></div><div class="middle-box"><div><img src="./img/2.jpg" alt=""><div class="smallbox"><ul><li>163/126/yeah三大免费邮箱均默认开放</li><li>全面支持iPhone/iPad及Android等系统</li><li>客户端、手机与网页，实现发送、阅读邮件立即同步普通登录手机号登录</li></ul></div><div class="rightbox"><div class="box1"><img src="./img/3.gif" alt=""><span><b>普通登录</b></span></div><form action=""><table><tr><td class="t1">用户名</td><td><input type="text">@163.com</td></tr><tr><td class="t1">密码</td><td><input type="password"></td></tr><tr><td class="t1">版本</td><td><select name="" id=""><option value="">默认</option><option value="">怀旧版</option></select></td></tr><tr><td></td><td><input type="checkbox" name="int">自动登录<input type="checkbox" name="int" checked>SSL</td></tr><tr><td></td><td><input type="submit" value="登录">&nbsp;<input type="submit" value="注册"></td></tr></table></form></div></div></div><div class="footer-box"><div class="bottembox"><img src="./img/4.gif" alt=""><ul><li><a href="">关于网易</a></li><li><a href="">免费邮</a></li><li><a href="">官方博客</a></li><li><a href="">客户服务</a></li><li><a href="">隐私政策|网易公司版权所有</a></li><li>&copy;<span>2015-2018</span></li></ul></div></div></div>

这是效果图：

网易邮箱登录界面制作方法相关推荐

HTML 网页制作网易邮箱登录页面关键代码
<p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" / ...
TOM 163VIP邮箱怎么登录？163.net邮箱登录界面是什么？
当今时代科技快速发展,邮箱成为了我们上班族必备的办公软件.但是很多初入职场的员工还不知道如何使用TOM 163VIP邮箱,效率慢的同时,还有可能让领导不满意.邮箱怎么登录呢?163VIP邮箱登录界面是 ...
注册邮箱重定向到相应邮箱登录界面js
这个功能其实还是比较常见的,使用最多的就是注册.邮箱验证.找回密码这些方面,例如注册后根据不同的邮箱后缀跳转到邮箱登录界面,例如注册的邮箱是xxx@163.com就跳转到网易的邮箱登录界面:填写的是x ...
mysql和php的登录注册界面_php实现注册和登录界面的方法
本篇文章主要介绍php实现注册和登录界面的方法,感兴趣的朋友参考下,希望对大家有所帮助. 当初我觉得一个网站上注册和登录这两个功能很神奇,后来自己研究一下发现其实道理很简单,接下来看一下怎么实现的吧. ...
HTML+CSS 模拟QQ邮箱登录界面
模拟QQ邮箱登录界面 index.html <!DOCTYPE html> <html lang="en"> <head><meta ch ...
css+js校验实现仿网易邮箱注册界面和校验功能
css+js校验实现仿网易邮箱注册界面和校验功能先来看看最终的效果图吧ヾ(≧▽≦*)o 代码如下: <!DOCTYPE html> <html lang="en& ...
苹果邮箱怎么登录qq邮箱_gmail邮箱登录官网方法
gmail邮箱登录官网方法 gamil邮箱是一款非常好用的邮箱服务工具,在国内因为某些原因无法正常使用,这里小编带给大家带来一个迂回的方法,让大家能正常使用gmail邮箱. 使用方法这里小编推荐使用 ...
html简单的登录界面制作
html简单的登录界面制作话不多说,老铁们直接拿代码去用吧. <!DOCTYPE html> <html><head><meta charset=" ...
java模拟网易邮箱登录_java+selenium 实现网易邮箱登录功能
今天学习selenium ,折腾了一整天,写个笔记记录一下今天的错误. 我用的是java+webdriver,在eclipse中运行,今天的学习是进行网易邮箱的登录功能.一开始代码运行一直报找不到元素 ...

网易邮箱登录界面制作方法

网易邮箱登录界面制作方法相关推荐

最新文章

热门文章