<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网易邮箱登录页面演示</title>
<!--<style type="text/css">
header,section,footer{border: 1px solid red;}
aside,section{display: inline-block;}
</style>-->
</head>
<body>
<header>
<form>
<!--图片及文案-->
<img src="img/163logo.gif" /> <br />
<a href="#" style="color: red;"> 免费邮</a>
<a href="#"style="color: red;"> 企业邮</a>
<a href="#"style="color: red;"> VIP邮箱</a>
<a href="#"style="color: red;"> 帮助</a><br />
<img src="img/imap.jpg" />
<ul>
<li style="color: red;">?163/126/yeah三大免费邮箱均默认开放</li>
<li style="color: red;">?全面支持iPhone/iPad及Android等系统</li>
<li style="color: red;">?客户端、手机与网页,实现发送、阅读邮件立即同步普通登录手机号登录</li>
</ul>
<!--登录方式-->
<a href="#" style="color: blue;">立即同步 </a>
<a href="#" style="color: blue;">普通登录 </a>
<a href="#" style="color: blue;">手机号登录 </a>
<!--账号密码登录-->
<p>用户名:<input type="text" style="background: lightgoldenrodyellow;" />@163.com</p>
<p>密码:<input type="password" style="background: blue;"/></p>
<p>版权:
<select>
<option value="">默认</option>
<option value="">急速</option>qq
<option value="">慢速</option>
</select>
</p>
<input type="checkbox" />自动登录<input type="checkbox" checked="checked" />SSL<br />
<img src="img/netease_logo.gif" /> <br />
<a href="#" style="color: blue;">关于网易</a>
<ahref="#" style="color: blue;">免费邮</a>
<a href="#" style="color: blue;">官方博客</a>
<a href="#" style="color: blue;">客户服务</a>
<a href="#" style="color: blue;">隐私政策</a>
<a href="#" style="color: blue;">隐私政策 |</a>
<a href="#" style="color: blue;">网易公司版权所有 ?</a>
<a href="#">1997-2011 </a>
</form>
</header>
</body>
</html>
HTML制作简易登录页面(网易笔记)
最新推荐文章于 2024-06-16 23:02:16 发布