小米商城主体布局

原创 2018-11-14 01:06:07 328
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小米商城</title> <link rel="shortcut icon" type="tex
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>小米商城</title>
	<link rel="shortcut icon" type="text/x-icon" href="static/img/footlogo.png">
	<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="menu"></div>
	</div>
	<!-- 主体部分 -->
	<div class="contents">
		<div class="content">
			<div class="contentMenu"></div>
			<div class="contentPic">
				<div class="contentPic_l"></div>
				<div class="contentPic_r"></div>
			</div>
			<div class="clear"></div>
			<div class="contentPic_ul">
				<div class="contentPic_ul_1"></div>
				<div class="contentPic_ul_0" style="background: url(static/img/midAD1.jpg); margin-right: 13px;"></div>
				<div class="contentPic_ul_0" style="background: url(static/img/midAD2.jpg); margin-right: 13px;"></div>
				<div class="contentPic_ul_0" style="background: url(static/img/midAD3.jpg);"></div>
			</div>
			<!-- 小米闪购 -->
			<div class="contentShop">
				<h2 style="font-size: 22px;font-weight: 200;line-height: 58px;color: #333;">小米闪购</h2>
				<div class="contentShop_1" style="margin-right: 12.7px;border-top: 1px solid red;"></div>
				<div class="contentShop_1" style="margin-right: 12.7px;"></div>
				<div class="contentShop_1" style="margin-right: 12.7px;"></div>
				<div class="contentShop_1" style="margin-right: 12.7px;"></div>
				<div class="contentShop_1"></div>
			</div>
			<div class="clear"></div>
			<div class="contentImg" style="background: url(static/img/longAD1.jpg);"></div>
			<div class="contentUL">手机</div>
			<div class="contentPhone"></div>
			<div class="contentImg" style="background: url(static/img/longAD2.jpg);"></div>
			<div class="contentUL">家电</div>
			<div class="contentPhone"></div>
			<div class="contentImg" style="background: url(static/img/longAD3.jpg);"></div>
			<div class="contentUL">智能</div>
			<div class="contentPhone"></div>
			<div class="contentImg" style="background: url(static/img/longAD4.jpg);"></div>
			<div class=""></div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footers">
		<div class="footer">网页底部</div>
	</div>
</body>
</html>

CSS不知道怎么上传...

发布手记

热门词条