贵美商城公共头部

最新推荐文章于 2021-02-27 11:56:58 发布

Cool__King

最新推荐文章于 2021-02-27 11:56:58 发布

阅读量1.1k

点赞数

分类专栏： HTML 文章标签：贵美商城公共头部

本文链接：https://blog.csdn.net/Cool__King/article/details/80772740

版权

HTML 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

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

此项目属于个人项目，如有雷同纯属巧合！

Cool__King

关注

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
1
评论
贵美商城公共头部

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; .top { width: 100%; height: 150px; background-im
复制链接

扫一扫