贵美商城公共头部

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.top {
				width: 100%;
				height: 150px;
				background-image: url(images/h_bg.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				position: fixed;
				top: 0;
			}
			
			.right {
				float: right;
				margin-right: 60px;
				margin-top: 4px;
			}
			.picture {
				width: 30px;
				height: 30px;
				background-image: url("images/icon.gif");
			}
			
			.picture1 {
				background-position: -0px -0px;
			}
			
			.picture2 {
				background-position: -45px -0px;
			}
			
			.picture3 {
				background-position: -90px -0px;
			}
			
			.picture4 {
				background-position: -130px -0px;
			}
			
			.Time {
				margin-top: 50px;
				float: right;
			}
			
			
			.left {
				width: 900px;
				height: 20px;
				margin-left: 28px;
				margin-bottom: 8px;
				float: left;
			}
			
			.li {
				float: left;
				padding: 8px 0px 0px 25px;
			}
		</style>
	</head>

	<body>
		<div class="top">
			<div class="right">
				<a href="catlist.html" target="_parent"><img class="picture picture1" />购物车</a>    
				<a href="help.html" target="_parent"><img class="picture picture2" />帮助中心</a>    
				<a href="homepage.html" target="_parent"><img class="picture picture3" />加入收藏</a>    
				<a href="homepage.html" target="_parent"><img class="picture picture4" />设为首页</a>    
				<a href="login.html" target="_parent"><button>登陆</button></a>  
				<a href="register.html" target="_parent"><button>注册</button></a>
			</div>
			<div class="Time">
				您好，欢迎访问贵美商城！18年06月09日9点48分
			</div>
			<div class="left">
				<ul style="list-style-type:none;">
					<li class="li"><b><a href="homepage.html" target="_parent">首    页</a> </b></li>
					<li class="li"><b><a href="homepage.html" target="_parent">家用电器</a></b></li>
					<li class="li"><b><a href="homepage.html" target="_parent">手机数码</a></b></li>
					<li class="li"><b><a href="homepage.html" target="_parent">日用百货</a></b></li>
					<li class="li"><b><a href="homepage.html" target="_parent">书    籍</a> </b></li>
					<li class="li"><b><a href="help.html" target="_parent">帮助中心</a> </b></li>
					<li class="li"><b><a href="homepage.html" target="_parent">免费开店</a> </b></li>
					<li class="li"><b><a href="help.html" target="_parent">全球咨询</a> </b></li>
				</ul>
			</div>
		</div>
	</body>

</html>
此项目属于个人项目，如有雷同纯属巧合！
贵美商城公共头部

猜你喜欢
