码迷,mamicode.com
首页 > 其他好文 > 详细

当当网主页前端静态页面

时间:2018-06-25 21:45:47      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:书讯   特价   沟通   青春   text   最大的   otto   let   计算   

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>当当网首页</title>
<style type="text/css">
body{
    margin:0px;
    padding:0px;
    font-size:12px;
    line-height:20px;
    color:#333;
   }
ul,li,ol,h1,dl,dd{
    list-style:none;
    margin:0px;
    padding:0px;
    }
a{
    color:#333333;
    text-decoration: none;
    }    
a:hover{
    color:#333333;
    text-decoration:underline;
    }
img{
    border:0px;
    }
.blue{
    color:#1965b3;
    text-decoration:none;
    }
.blue:hover{
    color:#1965b3;
    text-decoration:underline;
    }
#toubu{
    width:1024px;
    margin:0px auto 0px auto;
    clear:both;
    float:none;
    }




      /*头部样式。居中。宽度1024
      */
      .toubu_diyi,.toubu_dier,.toubu_disan{
    margin-left:auto;
    margin-right:auto;
    width:1024px;
    clear:both;
    }
.toubu_diyi{
    border:solid 1px #999;
    background-image:url(images/dd_header_bg.gif);
    background-repeat:repeat-x;
    height:24px;
    }
    .toubu_diyi_left{
        float:left;
        width:260px;
        padding-left:10px;
        line-height:28px;
        }

    .toubu_diyi_right li{
        float:right;
        margin-left:5px;
        margin-top:5px;
        }
    .logo,.menu_left,.menu_right{
           float:left;
        }
    .logo{
        width:130px;
        padding-top:13px;
        height:47px;
        }
    .menu_left{
        height:28px;
        padding-top:32px;
        line-height:35px;
        width:510px;
        }
    
    #menu_left_bold li{
        float:left;
        background-image:url(images/dd_head_bg_mid.gif);
        height:28px;
        background-repeat:repeat-x;
        padding:0px 3px 0px 3px;
        }
    
    .menu_left_first{
        background-image:url(images/dd_head_bg_left.gif);
        background-repeat:no-repeat;
        background-position:0px 0px;
        height:28px;
        width:4px;
        float:left;
        }
    .menu_left_end{
        background-image:url(images/dd_head_bg_right.gif);
        background-repeat:no-repeat;
        background-position:0px 0px;
        height:28px;
        width:4px;
        float:left;
        }
    .menu_right{
        padding-top:32px;
        height:28px;
        }
    #menu_dull_red li{
        float:left;
        margin-left:5px;
        text-align:center;
        line-height:35px;
        height:28px;
        }

    #menu_dull_red a,#menu_dull_red:hover{
        
        text-decoration:none;
        font-weight:bold;
        }
    .menu_right_1{
        background-image:url(images/dd_header_1_a.jpg);
        width:52px;
        background-repeat:no-repeat;
        }
    .menu_right_2{
        background-image:url(images/dd_header_2_a.jpg);
        width:39px;
        background-repeat:no-repeat;
        }
    .menu_right_3{
        background-image:url(images/dd_header_3_a.jpg);
        width:65px;
        background-repeat:no-repeat;
        }
    .menu{
        clear:both;
        }
    #menu_white{
        float:left;
        background-image:url(images/dd_head_bg_mid.gif);
        background-repeat:repeat-x;
        background-position:0px -63px;
        height:27px;
        width:99%;
        line-height:28px;
        text-align:center;
        color:#FFF;
        }
    .#,.#:hover{
        color:#FFF;
        padding:0px 4px 0px 4px;
        }
    .menu_first{
        background-image:url(images/dd_head_bg_left.gif);
        background-repeat:no-repeat;
        background-position:0px -31px;
        height:27px;
        width:4px;
        float:left;
        }
    .menu_end{
          background-image:url(images/dd_head_bg_right.gif);
          background-repeat:no-repeat;
          background-position:0px -31px;
          height:27px;
          width:4px;
          float:left;
        }
.toubu_disan{
    padding-top:2px;
    text-align:center;
    }
  .toubu_disan_left,.toubu_disan_mid,.toubu_disan_right{
    float:left;
    height:35px;
    margin:center;
    }
  .toubu_disan_left{
      background-image:url(images/dd_head_bg_left.gif);
      background-repeat:no-repeat;
      background-position:0px -58px;
      width:4px;
      }
  .toubu_disan_mid{
      background-image:url(images/dd_head_bg_mid.gif);
      background-repeat:repeat-x;
      background-position:0px -28px;
      width:99%;
      }
  .toubu_disan_right{
      background-image:url(images/dd_head_bg_right.gif);
      background-repeat:no-repeat;
      background-position:0px -58px;
      width:4px;
      }
  #toubu_disan_mid_menu li{
      float:left;
      margin-top:6px;
      padding:0px 5px 0px 5px;
      line-height:25px;
      }
    .toubu_input_disan{
        margin-left:15px;
        width:200px;
        height:18px;
        }
    .toubu_disan_btn{
        }

.zhounianqing{text-align:center;margin-top: 40px;}
.tuijianfenlei{
   border:solid 1px #999;
   margin-top: 10px;
   width: 200px;
   margin-left: 0px;
   line-height: 30px;
   letter-spacing: 0.5px;
   


}
.tushufenlei{ border:solid 1px #999;
   width: 200px;
   margin-top: 10px;
   margin-left: 0px;
   line-height: 30px;
    letter-spacing: 0.5px;
   
   }

   
   
   
   .zhongwenwang{ background:url(images/dd_header_3_a.jpg)  no-repeat;
                 border:solid 1px #999;
                float:right;
                margin-top: -943px;
                margin-right: 286px;
                width: 520px;
                 height: 230px;
                 background-color: #FFF8DC;}
                 
   .zuixinshangjia{border:solid 1px #999;
                   width: 520px;
                   height: 270px;
                    float:right;
                margin-top: -702px;
                margin-right: 286px;
                                    }
   .zhongdianguanzhu{ border: solid 1px #999;
                     width: 520px;
                     height: 25px;
                     float: right;
                     margin-right: 288px;
                     margin-top: -420px;
                     background-color: #eee8cd
   }
   .zhongdianguanzhu_a{border: solid 1px #999;
                     width: 520px;
                     height: 460px;
                     float: right;
                     margin-right: 288px;
                     margin-top: -420px;}
   .sxkd{border: solid 1px #999;
                     width: 273px;
                     height: 30px;
                     float: left;
                     margin-left: 748px;
                     margin-top: -985px;
                     background-color:#eee6cd; }  
                     
    .sxkd_a{border: solid 1px #999;
                     width: 273px;
                     height: 440px;
                     float: left;
                     font-size:15px;
                     margin-left: 748px;
                     margin-top: -955px;}
    .cxb{border:solid 1px #999;
                     width: 273px;
                     height: 32px;
                     float: left;
                     font-size:15px;
                     margin-left: 748px;
                     margin-top: -505px;
                     background-color: #90ee90}
     .cxb_a{ border:solid 1px #999;
                     width: 273px;
                     height: 32px;
                     float: left;
                     font-size:15px;
                     margin-top: -473px;
                     margin-left: 748px;
                    }
   .cxb_b{ border:solid 1px #999;
                     width: 273px;
                     height: 439px;
                     float: left;
                     font-size:15px;
                     margin-top: -441px;
                     margin-left: 748px;
                     
                    }   
   .cxb b a{line-height: 15px;
            background-image: url(images/dd_seven_bg1.jpg) repeat-x; width: 50px;
         
   }    
   .jianjie{line-height: 60px;font-size: 22px; }
    .yejiao{
                     width: 380px;
                     height: 40px;
                      margin-top: -28px;
                     margin-left: 150px

    }       
    .yejiao_a{
                     width:50px;
                     height: 40px;
                      margin-top:-50px;
                     margin-left: 520px}
    .yejiao_b{
    
   
                     width: 380px;
                     height: 40px;
                      margin-top:-28px;
                     margin-left: 562px
    
    
    
    
     }                                                             
 
  #ys{margin: 0 auto;width: 1024px;}
 
 
 
 
   
   
                 
</style>
</head>
<body>
<div id="ys">
<!--顶部开始-->
<div class="toubu_diyi">
   <div class="toubu_diyi_left">您好!欢迎光临当当网 [
   <a href="haha.html" target="_parent";>登录</a> |
    <a href="haha.html" target="_parent">免费注册</a>]</div>
   <div class="toubu_diyi_right">
   <ul>
      <li><a href="#" >帮助</a></li>
      <li>|</li>
      <li><a href="#" >我的当当</a> <img src="images/dd_arrow_down.gif" alt="arrow" /></li>
      <li>|</li>
      <li><a href="#" >团购</a></li>
      <li>|</li>
      <li><a href="#" >礼品卡</a></li>
      <li>|</li>
      <li><a href="#" >个性化推荐</a></li>
      <li>|</li>
      <li><a href="shopping.html" target="_parent">购物车</a></li>
      <li><img src="images/dd_header_shop.gif" alt="shopping"/></li>
   </ul>
   </div>
</div>
<!--导航开始-->
<div class="toubu_dier">
<div class="logo"><img src="images/dd_logo.gif" alt="logo"/></div>
<div class="menu_left">
  <dl>
   <dd class="menu_left_first"></dd>
   </dl>
   <ul id="menu_left_bold">
   <li><a href="index.html" target="_parent" class="bold">首页</a></li>
   <li>|</li>
   <li><a href="product.html" target="_parent" class="bold">图书</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">音乐</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">影视</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">运动</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">服饰</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">家居</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">美妆</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">母婴</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">食品</a></li>
   <li>|</li>
   <li><a href="#"  class="bold">数码家电</a></li>
   </ul>
   <dl>
   <dd class="menu_left_end"></dd>
 </dl>
</div>
<div class="menu_right" id="menu_dull_red">
 <ul>
   <li class="menu_right_1"><a href="#" >商店街</a></li>
   <li class="menu_right_2"><a href="#" >促销</a></li>
   <li class="menu_right_3"><a href="#" >当当<img src="images/dd_header_top.png" alt="榜" /></a></li>
   <li class="menu_right_2"><a href="#" >社区</a></li>
   <li class="menu_right_3"><a href="#" >在线读书</a></li>
 </ul>
</div>
<div class="menu">
<div class="menu_first"></div>
<div id="menu_white">
     <a href="#"  class="#">小说</a>|
     <a href="#"  class="#">青春</a>|
     <a href="#"  class="#">历史</a>|
     <a href="#"  class="#">保健</a>|
     <a href="#"  class="#">少儿</a>|
     <a href="#"  class="#">旅游</a>|
     <a href="#"  class="#">期刊</a>|
     <a href="#"  class="#">图书畅销榜</a>|
     <a href="#"  class="#">新书热卖榜</a>|
     <a href="#"  class="#">特价书</a>|
     <a href="#"  class="#">图书促销</a>|
     <a href="#"  class="#">所有图书分类</a>
     </div>
<div class="menu_end"></div>
</div>
</div>
<!--搜索开始-->
<div class="toubu_disan">
 <div class="toubu_disan_left"></div>
 <div class="toubu_disan_mid">
 <ul id="toubu_disan_mid_menu">
   <li><input /></li>
   <li><input type="image" class="toubu_disan_btn" src="images/dd_header_search_btn.jpg" /></li>   <li>|</li>
   <li><img src="images/dd_header_search_top.jpg" alt="搜索风云榜"/></li>
   <li><a href="#" >雅思</a></li>
   <li>|</li>
   <li><a href="#" >建造师</a></li>
   <li>|</li>
   <li><a href="#" >中里巴人</a></li>
   <li>|</li>
   <li><a href="#" >注会</a></li>
   <li>|</li>
   <li><a href="#" >新概念英语</a></li>
   <li>|</li>
   <li><a href="#" >更多>></a></li>
  </ul>
</div>
 <div class="toubu_disan_right"></div>
</div>
<!-- 10周年庆图片 -->
<div class="zhounianqing">
<img src="images/dd_index_top_adver.jpg"width=1024px;></div>
<!-- 推荐分类 -->
<div class="tuijianfenlei">

<dd style="
<a style="color: #ee6a50;margin-left: 10px;">推荐分类</a></dd>
<dd style="margin-left: 20px;"> 外语 | 中小学教辅 |</dd>

</div>
<!-- 图书商品分类 -->
<div class="tushufenlei">
<dd style="
<a style="margin-left: 12px;">
<img src="images/dd_book_cate_icon.gif"></a>
<a style="color: black">图书商品分类</a></dd>
<dd style="margin-left: 20px;">[小说]</dd>
<dd style="margin-left: 20px;"><a>悬疑 </a><a>|</a>
<a>言情</a><a>|</a><a>职场</a><a>|</a><a>财经</a></dd>
<dd style="margin-left: 20px;">[文艺]</dd>
<dd style="margin-left: 20px;">文学 </a><a>|</a>
<a>传记</a><a>|</a><a>职场</a><a>|</a><a>财经</a></dd>
<dd style="margin-left: 20px;">[青春]</dd>
<dd style="margin-left: 20px;">青春文学 </a><a>|</a>
<a>动漫 </a><a>|</a><a>幽默</a></dd>
<dd style="margin-left: 20px;">[励志/成功]</dd>
<dd style="margin-left: 20px;">修养 </a><a>|</a>
<a>成功 </a><a>|</a><a>职场 </a><a>|</a><a>沟通</a></dd>
<dd style="margin-left: 20px;">[少儿]</dd>
<dd style="margin-left: 20px;">0-2</a><a>|</a>
<a>3-6</a><a>|</a><a>7-10</a><a>|</a><a>11-14</a></dd>
<dd style="margin-left: 20px;">[生活]</dd>
<dd style="margin-left: 20px;">保健 </a><a>|</a>
<a>家教</a><a>|</a><a>美丽装扮</a><a>|</a><a>育儿</a>
<a>|</a></dd>
<dd style="margin-left: 20px;">美食 </a><a>|</a>
<a>旅游</a><a>|</a><a>收藏 </a><a>|</a><a>生活</a>
<a>|</a></dd>
<dd style="margin-left: 20px;">体育</a><a>|</a>
<a>地图</a><a>|</a><a>个人理财</a></dd>





<dd style="margin-left: 20px;"><a>[个人社科]</dd>
<dd style="margin-left: 20px;">文化 </a><a>|</a>
<a>历史</a><a>|</a><a>哲学/宗教</a>
<a>|</a><a>古籍</a><a>|</a></dd>
<a style="margin-left: 20px;">政治/历史</a>
<a>|</a><a>法律</a><a>|</a><a>经济</a></dd>
<dd style="margin-left: 20px;">
<a>社会科学</a>
<a>|</<a>心理学</a></dd>



<dd style="margin-left: 20px;">管理</dd>
<dd style="margin-left: 20px;">管理 </a>
<a>|</a><a>金融</a><a>|</a><a>营销</a>
<a>|</a><a>会计</a></dd>

<dd style="margin-left: 20px;">[科技]</dd>
<dd style="margin-left: 20px;"><a>科普</a>
<a>|</a><a>建筑</a><a>|</a><a>医学</a><a>|</a>
<a>计算机</a><a>|</a></dd>
<dd style="margin-left: 20px;"><a>农林</a>
<a>|</a><a>自然科学</a><a>|</a><a>工业</a>
<a>|</a><a>通信</a><a>|</a></dd>

<dd style="margin-left: 20px;">教育</dd>
<dd style="margin-left: 20px;"><a>教材</a>
<a>|</a><a>中小学教辅</a><a>|</a><a>外语</a></dd>

<dd style="margin-left: 20px;">[工具书]</dd>
<dd style="margin-left: 20px;">[图外原版书]</dd>
<dd style="margin-left: 20px;">[期刊]</dd>



</div>
<!-- 全球最大的中文网上书店 -->

<div class="zhongwenwang"> <img src="images/dd_scroll_2.jpg"></div>



<!-- 最新上架 -->
<div class="zuixinshangjia">

<p><a style="font-size:14px; margin-left: 10px;color: #ee6a50;">最新上架</a>
<a style="background:url(images/dd_book_bg1.jpg);margin-left: 42px;"href="">历史</a>
<a style="background:url(images/dd_book_bg1.jpg);"href="">保健</a>
<a style="background:url(images/dd_book_bg1.jpg);"href="">青春</a>
<a style="background:url(images/dd_book_bg1.jpg);"href="">小说</a>
<a style="margin-left: 240px;">更多>></a></p>

<dl>
<dt style="border: 1px solid #c3c3c3;width: 50px;height:60px;margin-left: 10px;margin-top: 20px;">
        <img src="images/dd_history_1.jpg" /></dt>
        <dd style="font-size: 10px;margin-left: 95px;margin-top: -60px;line-height: 15px;">
        <a ><a style="color: blue;" >《中国时代》(上)</a>
        <br>作者:师永刚,邹明 主编
        <br>出版社:作家出版社
        <br>出版时间:2009年10月
        <br>定价:¥39.00
        <br>当当价:¥27.00</a></dd>
        <dt style="border: 1px solid #c3c3c3;width: 60px;margin-left: 10px;margin-top: 25px;">
        <img src="images/dd_history_3.jpg" /></dt>
                <dd style="font-size: 10px;margin-left: 90px;margin-top: -82px;line-height: 15px;">
                <a > <a style="color: blue;" >《中国时代》(下)</a>
        <br>作者:师永刚,邹明 主编
        <br>出版社:作家出版社
        <br>出版时间:2009年10月
        <br>定价:¥38.00
        <br>当当价:¥26.30</a></dd>
            </dl>
            <dl>
        <dt style="border: 1px solid #c3c3c3;width: 50px;height:60px;margin-left: 280px;margin-top: -200px;">
        <img src="images/dd_history_2.jpg" /></dt>
        <dd style="font-size: 10px;margin-left: 380px;margin-top: -60px;line-height: 15px;">
        <a > <a style="color: blue;" >中国历史的屈辱</a>
        <br>作者:王重旭 著  
        <br>出版社:华夏出版社
        <br>出版时间:2009年11月
        <br>定价:¥26.00
        <br>当当价:¥18.20</a></dd>
        <dt style="border: 1px solid #c3c3c3;width: 60px;margin-left: 280px;margin-top: 20px;">
        <img src="images/dd_history_4.jpg" /></dt>
                <dd style="font-size: 10px;margin-left: 380px;margin-top: -86px;line-height: 15px;">
                <a ><a style="color: blue;" >大家国学十六讲</a>
        <br>作者:张荫麟,吕思勉 著
        <br>出版社:中国友谊出版公司
        <br>出版时间:2009年10月
        <br>定价:¥19.80
        <br>当当价:¥13.70</a></dd>
            </dl>
</div>


<!-- 重点关注 -->
<div class="zhongdianguanzhu">
<a style="margin-left: 10px;color: #ee6a50;">重点关注</a>
</div>
<div class="zhongdianguanzhu_a">


<dl>
<dt style="margin-left: 10px;margin-top:55px;">
<img src="images/dd_focus_1.jpg"> </dt>
<dd style="margin-left: 10px;">
<a style="color: blue;" >郑玉巧育儿经·幼儿卷</a></dd>

<dd style="margin-left: 10px;margin-top: 20px;">定价:¥49.80</dd>
<dd style="margin-left: 10px;">当当价:¥32.00</dd>
</dl>

<dl>
<dt style="margin-left: 128px;margin-top: -175px;">
<img src="images/dd_focus_2.jpg"> </dt>
<dd style="margin-left: 128px;">
<a style="color: blue;" >蹦蹦和跳跳的故事<br>(全10册)</a></dd>
<dd style="margin-left: 128px;">定价:¥50.00</dd>
<dd style="margin-left: 128px;">当当价:¥33.00</dd>
</dl>


<dl>
<dt style="margin-left: 255px;margin-top: -175px;">
<img src="images/dd_focus_3.jpg"> </dt>
<dd style="margin-left: 255px;">
<a style="color: blue;" >人体自有大药(让每一个<br>人都能变成...</a></dd>
<dd style="margin-left: 255px;">定价:¥29.00</dd>
<dd style="margin-left: 255px;">当当价:¥19.40</dd>
</dl>
<dl>
<dt style="margin-left: 390px;margin-top: -175px;">
<img src="images/dd_focus_4.jpg"> </dt>
<dd style="margin-left: 390px;">
<a style="color: blue;" >特效穴位使用手册</a></dd>
&nbsp;
<dd style="margin-left: 390px;">定价:¥29.00</dd>
<dd style="margin-left: 390px;">当当价:¥19.40</dd>
</dl>



<dl>
<dt style="margin-left: 390px;margin-top: -175px;">
<img src="images/dd_focus_4.jpg"> </dt>
<dd style="margin-left: 390px;">
 <a style="color: blue;" >特效穴位使用手册</a></dd>
&nbsp;
<dd style="margin-left: 390px;">定价:¥29.00</dd>
<dd style="margin-left: 390px;">当当价:¥19.40</dd>
</dl>


<dl>
<dt style="margin-left: 10px;margin-top: 40px;">
<img src="images/dd_focus_5.jpg"> </dt>
<dd style="margin-left: 10px;">
<a style="color: blue;" > 《猫武士系列》<br>(全6册)</a></dd>
<dd style="margin-left: 10px;">定价:¥120.00</dd>
<dd style="margin-left: 10px;">当当价:¥79.20</dd>
</dl>


 <dl>
<dt style="margin-left: 120px;margin-top: -190px;">
<img src="images/dd_focus_6.jpg"> </dt>
&nbsp;
<dd style="margin-left: 120px;">
<a style="color: blue;" >求医不如求己养生救命<br>大宝典 </a></dd>
<dd style="margin-left: 120px;">定价:¥198.00</dd>
<dd style="margin-left: 120px;">当当价:¥116.90</dd>
</dl>                     

 <dl>
<dt style="margin-left: 250px;margin-top: -185px;">
<img src="images/dd_focus_7.jpg"> </dt>
&nbsp;
<dd style="margin-left: 250px;margin-top: -10px;">
<a style="color: blue;" >雅思词汇词根+联想</a><br>
<a style="color: blue;" >记忆法</a></dd>
<dd style="margin-left: 250px;">定价:¥28.00</dd>
<dd style="margin-left: 250px;">当当价:¥18.70</dd>
</dl>


 <dl>
<dt style="margin-left: 378px;margin-top: -185px;">
<img src="images/dd_focus_8.jpg"> </dt>

<dd style="margin-left: 378px;margin-top: 10px;">
<a style="color: blue;" >等待Nemo的日子</a></dd>
&nbsp;
<dd style="margin-left: 378px;">定价:¥26.00</dd>
<dd style="margin-left: 378px;">当当价:¥17.90</dd>
</dl>




</div>

<!-- 书讯快递 -->
<div  class="sxkd">
<a><a style="margin-left: 20px;"><img src="images/dd_book_mess.gif"></a>书讯快递</a>


</div>
<div class="sxkd_a">
<dd style="margin-left: 15px;border-bottom:1px dotted red; ">·2010考研英语大纲到货75折...</dd>
<dd style="margin-left: 15px;border-bottom:1px dotted red;">·口述历史权威唐德刚先生国...</dd>
<dd style="margin-left: 15px;border-bottom:1px dotted red;">·袁伟民与体坛风云:实话实...</dd>
<dd style="margin-left: 15px;border-bottom:1px dotted red;">·我们台湾这些年:轰动两岸...</dd>
<dd style="margin-left: 15px;border-bottom:1px dotted red;">·畅销教辅推荐:精品套书50...</dd>
<dd style="margin-left: 15px;border-bottom:1px dotted red;">·2010版法律硕士联考大纲75...</dd>
<dd style="margin-left: 15px;border-bottom:1px dotted red;">·计算机新书畅销书75折抢购...</dd>

<dd style="margin-top:10px;margin-left: 5px;">
 <img src="images/dd_book_right_adver1.jpg" width="260px";></dd>

<dd style="margin-top: 10px;margin-left: 5px;">
<a ><img src="images/dd_book_right_adver21.jpg"width="260px";></a></dd>


</div>

<!-- 畅销榜 -->>
<div class="cxb">
<p style="margin-left: 20px;margin-top:-1px">近七日畅销榜<a style="margin-left: 10px;margin-top: -10px;"><img src="images/dd_bang.gif"></a></p></div>

<!-- 畅销榜a -->
<div class="cxb_a">
<p style="margin-left: 33px;margin-top: 4px;float: left;">
<a ><button style="color: #ee7600;">励志</button></a>
<a ><button style="color: #ee7600;">旅游</button></a>
<a ><button style="color: #ee7600;">外语</button></a>
<a ><button style="color: #ee7600;">小说</button></a>
<a ><button style="color: #ee7600;">动漫</button></a>
</p>
</div>
<div class="cxb_b">
<dl>
<dt style="margin-left: 15px;margin-top: 23px;" >
<img src="images/dd_book_no_01.gif"></dt>
<dt style="margin-left: 55px;margin-top: 0px;">
<img src="images/dd_seven_hearten_01.jpg"> </dt>
<dd style="margin-left: 120px;margin-top: -80px;">
<a style="color: blue;" >不抱怨的世界</a></dd>
<dd style="margin-left: 120px;">作者:(美)鲍温</dd>
<dd style="margin-left: 120px;">出版社:陕西师范</dd>
<dd style="margin-left: 120px;">出版时间:2009年4月</dd>
</dl>
<dl>
<dt style="margin-left: 15px;margin-top: 13px;" >
<img src="images/dd_book_no_02.gif"></dt>
<dt style="margin-left: 55px;margin-top: 0px;">
<img src="images/dd_seven_hearten_02.jpg"> </dt>
<dd style="margin-left: 120px;margin-top: -80px;">
<a style="color: blue;" >遇见未知的自己</a></dd>
<dd style="margin-left: 120px;">作者:(美)鲍温</dd>
<dd style="margin-left: 120px;">出版社:陕西师范</dd>
<dd style="margin-left: 120px;">出版时间:2009年4月</dd>
</dl>
<dl>
<dt style="margin-left: 15px;margin-top: 13px;" >
<img src="images/dd_book_no_03.gif"></dt>
<dt style="margin-left: 55px;margin-top: 0px;">
<img src="images/dd_seven_hearten_03.jpg"> </dt>
<dd style="margin-left: 120px;margin-top: -80px;">
<a style="color: blue;" >不抱怨的世界</a></dd>
<dd style="margin-left: 120px;">作者:(美)鲍温</dd>
<dd style="margin-left: 120px;">出版社:陕西师范</dd>
<dd style="margin-left: 120px;">出版时间:2009年4月</dd>
</dl>

<dl>
<dt style="margin-left: 20px;margin-top: 10px;">
<img src="images/dd_book_no_04.gif"></dt>
<dd style="margin-left: 50px;margin-top: -20px">高效能人士的七个习惯</dd>
</dl>

<dl>
<dt style="margin-left: 20px;margin-top: 7px;">
<img src="images/dd_book_no_05.gif"></dt>
<dd style="margin-left: 50px;margin-top: -20px;">被迫强大</dd>
</dl>


<dl>
<dt style="margin-left: 20px;margin-top: 7px;">
<img src="images/dd_book_no_06.gif"></dt>
<dd style="margin-left: 50px;margin-top: -20px;">遇见心想事成的自己</dd>
</dl>



<dl>
<dt style="margin-left: 20px;margin-top: 7px;">
<img src="images/dd_book_no_07.gif"></dt>
<dd style="margin-left: 50px;margin-top: -20px;">世界上最伟大的推销员</dd>
</dl>


<dl>
<dt style="margin-left: 20px;margin-top: 7px;">
<img src="images/dd_book_no_08.gif"></dt>
<dd style="margin-left: 50px;margin-top: -20px;">我的成功可以复制</dd>
</dl>






</div>


<!-- 公司简介 -->
<div class="jianjie">
<p>
<center>
<a style="color: red;">公司简介</a>
<a>|</a>
<a style="color: red;">诚征英才</a>
<a >|</a>
<a style="color: red;">网站联盟</a>
<a>|</a>
<a style="color: red;">百货招商</a>
<a>|</a>
<a style="color: red;">交易条款</a>
</center>
</p>

</div>
<!--页脚  -->
<div class="yejiao">
<a style="font-size: 15px;margin-top: 8px;float: left;">Copyright (C) 当当网 2004-2009, All Rights Reserved </a>
</div>
<div class="yejiao_a">
<img src="images/validate.gif">
</div>

<div class="yejiao_b">
<a style="font-size: 15px;margin-top: 8px;float: left;">
京ICP证041189号 音像制品经营许可证 京音网8号
</a>

</div>


</div>
</body>
</html>

当当网主页前端静态页面

标签:书讯   特价   沟通   青春   text   最大的   otto   let   计算   

原文地址:https://www.cnblogs.com/zhaohuaibing/p/9226315.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!