HTML5布局

原创 2018-12-26 12:36:13 291
摘要:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>sixiang</title>    <link rel="sh

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>sixiang</title>
   <link rel="shortcut icon" type="image/x-icon" href="static/images/icon.jpg">
   <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_1"></div>
       <div class="contentPic_r"></div>
   </div>
       <div class="clear"></div>
   <div class="contentPic_ul">
       <div class="contentPic_0" ></div>
       <div class="contentPic_2" style ="background: url(static/images/midAD1.jpg); margin-right: 13px;"></div>
       <div class="contentPic_2" style ="background: url(static/images/midAD2.jpg);margin-right: 13px;"></div>
       <div class="contentPic_2" style ="background: url(static/images/midAD3.jpg);"></div>
   </div>
<!--秒杀-->
<div class="contentShop">
       <h1>限时购</h1>
       <div class="contentShop_1" style="margin-right: 12.7px;border-top:1px solid red;" ></div>
       <div class="contentShop_1" style="margin-right: 12.7px;border-top:1px solid #FFAC13;"></div>
       <div class="contentShop_1" style="margin-right: 12.7px;border-top:1px solid #83C44E;"></div>
       <div class="contentShop_1" style="margin-right: 12.7px;border-top:1px solid #2196F3;"></div>
       <div class="contentShop_1" style="border-top:1px solid red;"></div>

   </div>
       <div class="clear"></div>
   <div class="contentImg" style ="background: url(static/images/longAD2.jpg);"></div>
   <div class="contentUl">沙发</div>
   <div class="contentSoft"></div>
       <div class="contentImg" style ="background: url(static/images/longAD3.jpg);"></div>
       <div class="contentUl">床</div>
       <div class="contentSoft"></div>
       <div class="contentImg" style ="background: url(static/images/longAD4.jpg);"></div>
       <div class="contentUl">桌子</div>
       <div class="contentSoft"></div>
       <div class="contentImg" style ="background: url(static/images/longAD5.jpg);"></div>
   </div>
</div>

<!--底部>
<div>
<div>底部</div>
</div>
</body>
</body>

发布手记

热门词条