<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#qwe{
width: 1200px;
height: 1000px;
position: relative;
margin: 0 auto;
}
#aq{
width: 1400px;
height: 300px;
background: url(img/banner.png) no-repeat;
position: absolute;
top: 110px;
left: 80px;
}
#ae{
width: 70px;
height: 30px;
background: url(img/icon_count.png) no-repeat;
position: absolute;
top:18px ;
right: 350px;
}
#aw{
width:100px;
height: 80px;
background: url(img/logo.jpg) no-repeat;
position: absolute;
top: 15px;
left: 80px;
}
.ww{
width: 945px;
height:30px ;
background-color: #fe6915;
padding-left: 15px;
position: absolute;
top: 54px;
left: 80px;
}
#ar{
width: 250px;
height: 70px;
background: url(img/bg_bang.gif) no-repeat;
position: absolute;
left: 68px;
top: 252px;
z-index: 1;
}
.w1{
width: 260px;
height: 30px;
background-color: aquamarine;
position: absolute;
top: 24px;
right: 160px;
font-size: 10px;
}
.ww a{
padding-left: 17px;
line-height: 28px;
color: white;
text-decoration: none;
}
.w1 a{
padding: 10px;
line-height: 30px;
text-decoration: none;
color: black;
}
#bb{
height: 400px;
width: 957px;
border: 2px solid greenyellow;
position: absolute;
left: 80px;
top:250px ;
position: relative;
}
#b1{
height:240px ;
width:220px ;
background: url(img/book-01.jpg) no-repeat;
position: absolute;
top: 110px;
}
#b2{
height: 50px;
width: 30px;
background: url(img/bookNo1.gif) no-repeat;
position: absolute;
top: 105px;
left: 20px;
}
#b3{
height: 120px;
width: 80px;
background: url(img/book-02.jpg) no-repeat;
position: absolute;
top: 105px;
right: 320px;
}
#b5{
height: 40px;
width: 30px;
background: url(img/bookNo2.gif) no-repeat;
position: absolute;
top: 100px;
right: 370px ;
}
#b4{
height: 120px;
width: 80px;
background: url(img/book-03.jpg) no-repeat;
position: absolute;
top: 250px;
right: 320px;
}
#b6{
height: 120px;
width: 80px;
background: url(img/bookNo3.gif) no-repeat;
position: absolute;
top:240px;
right: 320px;
}
.o1{
position: absolute;
top: 110px;
left: 240px;
font-size: 10px;
line-height: 25px;
}
.o2{
position: absolute;
top:110px;
right:60px ;
font-size: 10px;
line-height: 25px;
}
.o3{
position: absolute;
top: 250px;
right: 170px;
font-size: 10px;
line-height: 25px;
}
.n1{
color: blue;
}
.n2{
color: red;
font-weight: 700;
}
.pp{
position: absolute;
top: 660px;
left: 200px;
font-size:10px ;
}
.pp,img{
vertical-align: middle;
color: #7B7B7B;
}
</style>
</head>
<body>
<div id="qwe">
<div id="aq"></div>
<div id="aw"></div>
<div id="ae"></div>
<div id="ar"></div>
<p class="ww">
<a href="*">首页</a>
<a href="*">图书</a>
<a href="*">音像</a>
<a href="*">童装</a>
<a href="*">服装</a>
<a href="*">鞋靴</a>
<a href="*">运动</a>
<a href="*">箱包</a>
<a href="*">美妆</a>
<a href="*">珠宝</a>
<a href="*">家居</a>
<a href="*">食品</a>
<a href="*">酒 </a>
<a href="*">手机</a>
<a href="*">数码</a>
<a href="*">电脑</a>
<a href="*">家电</a>
</p>
<p class="w1">
<a href="#">尾品汇</a>
<a href="#">当当优品</a>
<a href="#">数字馆</a>
<a href="#">都看阅器</a>
</p>
<div id="bb">
<div id="b1"></div>
<div id="b2"></div>
<p class="o1">
<span class="n1">偷影子的人</span> <br/>
作 者:[法] 马克·李维(Marc Levy)著,段韵灵 译<br/>
出版社:湖南文艺出版社<br/>
当当价:<span class="n2">¥ 17.90<br/></span>
不知道姓氏的克蕾儿。这就是你在我生命里的角色,<br/>
我童年时的小女孩,今日蜕变成了女人,一段青梅<br/>
竹马的回忆,一个时间之神没有应允的愿望。 一个<br/>
老是受班上同学欺负的瘦弱小男孩,因为拥有一种<br/>
特殊能力而强大:他能“偷别人的影子”,因而能<br/>
看
见他<br/>
</p>
<div id="b3"></div>
<div id="b5"></div>
<p class="o2">
<span class="n1">看见(央视知名记者、主持人柴静:十年个人<br/>
成长的告白,中国社会变迁的备忘 <br/></span>
作 者:柴静 著<br/>
出版社:广西师范大学出版社<br/>
<span class="n2">¥ 29.40 7.4折</span>
</p>
<div id="b4"></div>
<div id="b6"></div>
<p class="o3">
<span class="n1">改变孩子先改变自己 <br/></span>
作 者:贾容韬 贾毅 著<br/>
出版社:作家出版社<br/>
<span class="n2">¥ 22.20 7.4折</span>
</p>
</div>
<p class="pp">Copyright (C) 当当网 2004-2017, All Rights Reserved<img src="img/validate.gif">京ICP证041189号出版物经营许可证 新出发京批字第直0673号</p>
</div>
</body>
</html>