整体布局完成开始进入细节调整

原创 2018-12-27 04:31:46 277
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>小米首页</title> <link rel="stylesheet" type="text/css" href="./static/c

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>小米首页</title>

<link rel="stylesheet" type="text/css" href="./static/css/style.css" href="static/images/footlogo.png">

<link rel="stylesheet" type="text/css" href="./static/font-awesome/css/font-awesome.min.css">

</head>

<body>

<!-- 头部 -->

<div class="header">

<div class="menu"></div>

</div>


<!-- 中间主题 -->

<div class="contents">

<div class="content">

<div class="contentMenu"></div>

<div class="contenPic">

<div class="contentPic_1"></div>

<div class="contentPic_2"></div>

</div>

<div class="clear"></div>

<div class="contenPic_ul">

<div class="contenPic_ul_1"></div>

<div class="contenPic_ul_2" style="background: url(static/images/midAD1.jpg);margin-right: 12px;"></div>

<div class="contenPic_ul_2" style="background: url(static/images/midAD2.jpg);margin-right: 12px;"></div>

<div class="contenPic_ul_2" style="background: url(static/images/midAD3.jpg);margin-right: 12px;"></div>

</div>

<div class="clear"></div>

<!-- 小米闪购 -->

<h1>小米闪购</h1>

<div class="contenShop">


<div class="contenShop_1" style="margin-right: 5px;border-top:3px solid blue; "></div>

<div class="contenShop_1" style="margin-right: 5px;border-top: 3px solid pink"></div>

<div class="contenShop_1" style="margin-right: 5px;border-top: 3px solid #10d271"></div>

<div class="contenShop_1" style="margin-right: 5px;border-top: 3px solid #080202"></div>

</div>

<div class="clear"></div>

<div class="contenImg" style="background: url(static/images/longAD1.jpg);"></div>


<div class="contentUL">手机</div>

<div class="contentPhone">

<div class="contentPhone_1"></div>

<div class="contentPhone_r"> 

<div style="margin-right: 5px;"></div>

<div style="margin-right: 5px;"></div>

<div style="margin-right: 5px;"></div>

<div></div>

<div style="margin-right: 5px;margin-top: 3px"></div>

<div style="margin-right: 5px;margin-top: 3px"></div>

<div style="margin-right: 5px;margin-top: 3px"></div>

<div style="margin-top: 3px"></div>

</div>


</div>

<div class="clear"></div>

<div class="contenImg" style="background: url(static/images/longAD2.jpg);"></div>

<div class="contentUL">智能</div>

<div class="contentPhone">

<div class="contentPhone_2" style="margin-right: 5px;" ></div>

<div class="contentPhone_3" style="margin-right: 5px;"></div>

<div class="contentPhone_3" style="margin-right: 5px;"></div>

<div class="contentPhone_3" style="margin-right: 5px;"></div>

<div class="contentPhone_3"></div>

<div class="contentPhone_2" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_3" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_3" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_3" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_4" style="margin-top: 3px;">

<div class="contentPhone_4_t"></div>

<div class="contentPhone_4_d"></div>

</div>

</div>

<div class="clear"></div>

<div class="contenImg" style="background: url(static/images/longAD3.jpg);"></div>

<div class="contentUL">家电</div>

<div class="contentPhone">

<div class="contentPhone_2" style="margin-right: 5px;" ></div>

<div class="contentPhone_3" style="margin-right: 5px;"></div>

<div class="contentPhone_3" style="margin-right: 5px;"></div>

<div class="contentPhone_3" style="margin-right: 5px;"></div>

<div class="contentPhone_3"></div>

<div class="contentPhone_2" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_3" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_3" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_3" style="margin-right: 5px;margin-top: 3px"></div>

<div class="contentPhone_4" style="margin-top: 3px;">

<div class="contentPhone_4_t"></div>

<div class="contentPhone_4_d"></div>

</div>

<div></div>

</div>

<div class="clear"></div>

<div class="contenImg" style="background: url(static/images/longAD4.jpg);"></div>

</div>

</div>


<!-- 底部 -->

<div class="footers">

<div class="footer">

网页底部

</div>

</div>


</body>

</html>


发布手记

热门词条