小米商城第三课程

原创 2018-11-20 19:15:57 187
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>小米商城</title> <link rel="shortcut icon" type="image/x-icon" href="sta
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米商城</title>
<link rel="shortcut icon" type="image/x-icon" href="static/images/footlogo.png">   <!--  标题图案-->
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min"> <!-- 字体库链接-->
<link rel="stylesheet" type="text/css" href="static/css/style.css">   <!-- css样式链接-->
</head>
<body>
  <!-- 头部-->
  <dir class="header">
  <div class="headermenu"></div>
  </dir>
  <!-- 主体-->  
  <div class="contents">
  <div class="content">
  <dir class="contentMenu"></dir>
  <dir class="contentPic">
       <dir class="contentPic_l"></dir>
       <dir class="contentPic_r"></dir>
      </dir>
      <dir class="clear"></dir>
  <dir class="contentPi_ul">
  <dir class="contentPi_ul_1" ></dir>
  <dir class="contentPi_ul_0" style="background:url(static/images/midAD1.jpg);margin-right: 13px"></dir>
  <dir class="contentPi_ul_0" style="background:url(static/images/midAD2.jpg);margin-right: 13px"></dir>
  <dir class="contentPi_ul_0" style="background:url(static/images/midAD3.jpg);"></dir>
  </dir>
  /
  <dir class="contentShop">
  <h1>小米闪购</h1>
  <dir class="contentShop_1" style="margin-right: 12.7px;border-top:1.5px solid red;"></dir>
  <dir class="contentShop_1" style="margin-right: 12.7px;border-top:1.5px solid orange;"></dir>
  <dir class="contentShop_1" style="margin-right: 12.7px;border-top:1.5px solid green;"></dir>
  <dir class="contentShop_1" style="margin-right: 12.7px;border-top:1.5px solid blue;"></dir>
  <dir class="contentShop_1" style="border-top:1.5px solid red;"></dir>
  </dir>
      <dir class="clear"></dir>
  <dir class="contentImg" style="background:url(static/images/longAD1.jpg);"></dir>
  <dir class="contentUl">手机</dir>
  <dir class="contentPhone">
  <dir class="contentPhone_l"></dir>
  <dir class="contentPhone_r">
  <dir style="height: 300px;width: 235px;background: #ccc;float: left; margin-right: 12.8px;"></dir>
  <dir style="height: 300px;width: 235px;background: #ccc;float: left; margin-right: 12.8px;"></dir>
  <dir style="height: 300px;width: 235px;background: #ccc;float: left; margin-right: 12.8px;"></dir>
  <dir style="height: 300px;width: 235px;background: #ccc;float: left;"></dir>
  <dir style="height: 300px;width: 235px;background: #ccc;float: left; margin-right: 12.8px; margin-top: 13px;"></dir>
  <dir style="height: 300px;width: 235px;background: #ccc;float: left; margin-right: 12.8px; margin-top: 13px;"></dir>
  <dir style="height: 300px;width: 235px;background: #ccc;float: left; margin-right: 12.8px; margin-top: 13px;"></dir>
  <dir style="height: 300px;width: 235px;background: #ccc;float: left; margin-top: 13px;"></dir>

  </dir>
  </dir>

      <dir class="contentImg" style="background:url(static/images/longAD2.jpg);"></dir>
   	<dir class="contentUl">家电</dir>
  <dir class="contentPhone">
  <div class="contentPhone_0" style="margin-right: 12.7px;background:url(static/images/buy/家电AD1.jpg);"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;"></div>
  <div class="contentPhone_1"></div>
  <div class="contentPhone_0" style="margin-right: 12.7px;margin-top: 12.7px;background:url(static/images/buy/家电AD2.jpg);"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;margin-top: 12.7px"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;margin-top: 12.7px"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;margin-top: 12.7px"></div>
  <div class="contentPhone_1" style="margin-top: 12.7px">
  <div class="contentPhone_1_t"></div>
  <div class="contentPhone_1_d"></div>
  </div>
 

  </dir>
   	<dir class="contentImg" style="background:url(static/images/longAD3.jpg);"></dir>
   	<dir class="contentUl">智能</dir>
  <dir class="contentPhone">
  <div class="contentPhone_0" style="margin-right: 12.7px;background:url(static/images/buy/智能AD1.jpg);"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;"></div>
  <div class="contentPhone_1"></div>
  <div class="contentPhone_0" style="margin-right: 12.7px;margin-top: 12.7px;background:url(static/images/buy/智能AD2.jpg);"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;margin-top: 12.7px"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;margin-top: 12.7px"></div>
  <div class="contentPhone_1" style="margin-right: 12.7px;margin-top: 12.7px"></div>
  <div class="contentPhone_1" style="margin-top: 12.7px">
  <div class="contentPhone_1_t"></div>
  <div class="contentPhone_1_d"></div>
  </div>
  </dir>
   	<dir class="contentImg" style="background:url(static/images/longAD4.jpg);"></dir>
  <dir></dir>
  <dir></dir>
  <dir></dir>
  <dir></dir>

  </div>
 
  </div>
  <!-- 底部-->   
  <dir class="footers">
  <div class="footer">网页底部</div>
  </dir>
</body>
</html>


发布手记

热门词条