HTML制作简易登录页面（网易笔记）

最新推荐文章于 2024-04-30 10:30:52 发布

一杯崽！

最新推荐文章于 2024-04-30 10:30:52 发布

阅读量2.6k

点赞数 2

文章标签： html5 css3 前端

本文链接：https://blog.csdn.net/m0_55068275/article/details/121901486

版权

<!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>

一杯崽！

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
HTML制作简易登录页面（网易笔记）

<!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;} <.
复制链接

扫一扫