贵美商城登陆页面

版权声明:转载请注明出处:http://blog.csdn.net/Cool__King https://blog.csdn.net/Cool__King/article/details/80772697
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="css/1.css" type="text/css" rel="stylesheet" />
		<style>
			.picture {
				width: 32px;
				height: 32px;
				background-image: url("images/icon.gif");
				border-style: none;
			}
			
			.picture1 {
				background-position: -0px -125px;
			}
			
			.picture2 {
				background-position: -0px -165px;
			}
			
			.picture3 {
				background-position: -0px -205px;
			}
			
			.picture4 {
				background-position: -0px -244px;
			}
		</style>
	</head>

	<body background="images/login_bg.gif" ;background-size="contain">
		<iframe src="header.html" frameborder="0" height="100%" width="100%" scrolling="no"></iframe>
		<div id="main" style="width:100%;">
			<div id="left" style="float:left ;  width:50%;  height:100%;">
				<img src="images/logintitle.gif">
				<br>
				<br>
				<br>
				<div class="text" style=" text-align:center;">
					<p>会员名:<input type="text" value="">(可包含a-z、0-9和下划线)</p>
					<p>密  码:<input type="text" value="">(至少包含6位字符)           
					</p>
					<a href="login_success.html"><img src="images/login.gif"></a>
				</div>
				<div>
					<img src="images/QQ图片20180605202101.png" />
					<a href="#">什么是安全登陆</a>。
					</p>
					<img src="images/QQ图片20180605202101.png" /> 香港會員(繁體用戶)由此
					<a href="#">登入</a>
					</p>
					<img src="images/QQ图片20180605202101.png" />
					<a href="#">密码安全贴士</a>
					</p>
					<img src="images/QQ图片20180605202101.png" /> 防止病毒或者木马窃取您的账号信息,
					<a href="#">在线检查</a>
					您的电脑是否安全。
				</div>
			</div>
			<div id="right" style="float:left ;  width:50%; height:100%;">
				<img src="images/register.gif" height="20" width="60" style=" margin-left:50px;">
				<div style="border:none">
					<img class=" picture picture1" style=" margin-left:100px;" />
					<font size="4" color="#50A1FF">便宜有好货!</font>
					超过7000万件商品任您选。
					</p>
					<img class=" picture picture2" style=" margin-left:100px;" />
					<font size="4" color="#50A1FF">买卖更安全!</font>
					交易超安全。
					</p>
					<img class=" picture picture3" style=" margin-left:100px;" />
					<font size="4" color="#50A1FF">免费开网店!</font>
					轻松赚钱交友。
					</p>
					<img class=" picture picture4" style=" margin-left:100px;" />
					<font size="4" color="#50A1FF">超人气社区</font>
					精彩生活每一天。
					</p>
					<div style=" text-align:center;">
						<a href="register.html"><img src="images/registernow.gif" /></a>
					</div>
					<div style="width:500px; height:100px; border:1px solid orange;position:relative; left:100px;">
						<div style="width:420px; height:40px; margin:0 auto;margin-top:5px; border:2px solid orange;">
							<img src="images/6.jpg" alt="" />您已经是会员,
							<a href="#">由此登入</a>
						</div>
						<div style="width:420px; height:40px; margin:0 auto; margin-top:3px; margin-bottom:5px; border:2px solid orange;">
							<img src="images/7.jpg" alt="" />繁体中文用户由此
							<a href="register.html">注册</a>
						</div>
					</div>
				</div>
			</div>
			<div style="position:absolute;z-index:1;width:2px;background:red;height:98%;left:50%" align="center">
			</div>
		<iframe src="footer.html" frameborder="0" height="200px" width="100%" scrolling="no"></iframe>
	</body>

</html>
此项目属于个人项目,如有雷同纯属巧合!

展开阅读全文

没有更多推荐了,返回首页