作业

最新推荐文章于 2024-03-22 00:10:39 发布
xyz430771x
最新推荐文章于 2024-03-22 00:10:39 发布
阅读量163
点赞数
本文链接：https://blog.csdn.net/xyz430771x/article/details/87279211
版权
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当当图书网</title>
  <style>
    ul,img,div{
      padding: 0px;
      margin: 0px;
    }
  div{
    border: 0px solid;
    width:960px ;
    height: 650px;
    margin: 0px auto;
    font-family:Verdana,"宋体";
  }
    .i{
      border: 1px solid #c8ece3;
      background-color:#eafffa;
      float: left;
      list-style: none;
      padding: 5px;
      border-style:solid solid none solid;
      position: relative;
      top:10px;
    }
    #l{
      float: right;
    }
    nav{
      border: 1px none;
      width: 960px;
      height: 100px;
    }
   nav li{
      background:url("../图/menuBg.jpg");
     float: left;
      list-style: none;
      padding: 12.7px;
    }
    footer{
        border: 2px solid #cce9ac;
      width: 956px;
      height: 374px;
      font-size: 12px;
      display: inline-block;
      position: relative;
      top: -30px;
    }
    p{
      display: inline-block;
    }
    a{
      text-decoration: none;
    }
    a:hover{
      text-decoration: underline;
    }
 </style>
</head>
<body>
<div>
  <header>
    <img src="../图/logo.jpg" height="48" width="101"/>
    <ul id="l">
      <li style="border-style: solid none none solid " class="i">
        <a href="#" style="color: #7B7B7B;">尾品汇</a></li>
      <li style="border-style: solid none none none" class="i">
        <a href="#" style="color: #7B7B7B;">当当优品</a></li>
      <li style="border-style: solid none none none" class="i">
        <a href="#" style="color: #7B7B7B;">数字馆</a></li>
      <li style="border-style: solid solid none none" class="i">
        <a href="#" style="color: #7B7B7B;">都看阅器</a></li>
    </ul>
    <img style="position: relative;right:-605px;top:-30px"
         src="../图/icon_count.png" height="16" width="45"/>
  </header>
  <nav>
    <ul>
      <li><a href="#" style="color: white;">首页</a></li>
      <li><a href="#" style="color: white;">图书</a></li>
      <li><a href="#" style="color: white;">音像</a></li>
      <li><a href="#" style="color: white;">童装</a></li>
      <li><a href="#" style="color: white;">服装</a></li>
      <li><a href="#" style="color: white;">鞋靴</a></li>
      <li><a href="#" style="color: white;">运动</a></li>
      <li><a href="#" style="color: white;">箱包</a></li>
      <li><a href="#" style="color: white;">美妆</a></li>
      <li><a href="#" style="color: white;">珠宝</a></li>
      <li><a href="#" style="color: white;">家居</a></li>
      <li><a href="#" style="color: white;">食品</a></li>
      <li><a href="#" style="color: white;">酒</a></li>
      <li><a href="#" style="color: white;">手机</a></li>
      <li><a href="#" style="color: white;">数码</a></li>
      <li><a href="#" style="color: white;">电脑</a></li>
      <li><a href="#" style="color: white;">家电</a></li>
    </ul>
      </nav>
<section>
  <img style="position: relative;top:-45px;"
       src="../图/banner.png" height="120" width="960"/>
</section>
  <footer>
    <img style="position: relative;top:95px;
 " src="../图/book-01.jpg" height="260" width="260"/>
    <p style="position: relative;top: 55px;left: -10px;">
      <a href="#" style="font-size: 18px;color:#1a66b3;font-size: 14px ">
      偷影子的人
      </a><br><br>
      作 者：[法] 马克·李维（Marc Levy）著,段韵灵<br>
      译<br>
      出版社：湖南文艺出版社<br><br>
      当当价：<strong style="color: #8E112B">￥ 17.90</strong><br><br>
      不知道姓氏的克蕾儿。这就是你在我生命里的角色，<br>
      我童年时的小女孩，今日蜕变成了女人，一段青梅竹<br>
      马的回忆，一个时间之神没有应允的愿望。 一个老是<br>
      受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能<br>
      力而强大：他能“偷别人的影子”，因而能看见他
    </p>
    <img style="position: relative;left: -528px;top: -120px"
         src="../图/bookNo1.gif" height="48" width="27"/>
    <img style="position: relative;left: -594px;top: -200px;"
         src="../图/bg_bang.gif" height="39" width="240"/>

    <img style="float: right;position: relative;top: 80px;left: -300px;"
         src="../图/book-02.jpg" height="100" width="100"/>
    <p style="position: relative;left: 667px;top: -195px;">
      <a href="#" style="color:#1a66b3;font-size: 14px">
        看见(央视知名记者、主持人柴静：十年个人<br>
        成长的告白，中国社会变迁的备忘<br>
      </a>
        作 者：柴静 著<br>
        出版社：广西师范大学出版社<br>
      <strong style="color: #8E112B"> ￥ 29.40</strong>&ensp;
      <span style="color: #5ea593">7.4折</span>
    </p>
    <img style="position: relative;top: -255px;left: 275px"
         src="../图/bookNo2.gif" height="37" width="28"/>

    <img style="float: right;position: relative;top: -60px;left: -300px;"
         src="../图/book-03.jpg" height="100" width="100"/>
    <p style="float: right;position: relative;top: -50px;left: -70px">
      <a href="#" style="font-size: 14px;color:#1a66b3;">
      改变孩子先改变自己
    </a><br>
      作 者：贾容韬 贾毅 著<br>

      出版社：作家出版社<br>

      <strong style="color: #8E112B">￥ 22.20</strong>&ensp;
      <span style="color: #5ea593">7.4折</span>
    </p>
    <img style="position:relative;left:238px;top:-115px;"
         src="../图/bookNo3.gif" height="36" width="27"/>
  </footer>
  <p style="position: relative;top: -40px;left: 120px;font-size: 12px;">
    Copyright (C) 当当网 2004-2017, All Rights Reserved
    <img style="vertical-align: middle" src="../图/validate.gif" height="48" width="40"/>
    京ICP证041189号出版物经营许可证 新出发京批字第直0674号
  </p>
</div>
</body>
</html>