当当网
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
<div id="content">
<h3>最新上架</h3>
<div id="left">
<div id="left"><img src="图片素材/book-01.jpg" width="70" height="70"></div>
<dl>
<dt><a href="#">且以永日（安妮宝贝首...</a></dt>
<dd><p>作者：安妮宝贝 著</p>
<p>出版社：长江文艺出版社</p>
<p class="a1">出版时间：2013年08月</p>
<p>定价：￥36.00</p>
<p>当当价：￥24.80 </p></dd>
</dl>
</div>
<div id="right">
<div id="left"><img src="图片素材/book-02.jpg" width="70" height="70"></div>
<dl>
<dt><a href="#">所有人问所有人（韩寒...</a></dt>
<dd><p>作者：韩寒 监制,「一个」工...</p>
<p>出版社：湖南人民出版社</p>
<p class="a1">出版时间：2013年08月</p>
<p>定价：￥36.00</p>
<p>当当价：￥21.60 </p></dd>
</dl>
</div>
<div id="left">
<div id="left"><img src="图片素材/book-03.jpg" width="70" height="70"></div>
<dl>
<dt><a href="#">因为有你，所以参差：...</a></dt>
<dd><p>作者：王森 著</p>
<p>出版社：中信出版社</p>
<p class="a1">出版时间：2013年08月</p>
<p>定价：￥38.00</p>
<p>当当价：￥27.40</p></dd>
</dl>
</div>
<div id="right">
<div id="left"><img src="图片素材/book-04.jpg" width="70" height="70"></div>
<dl>
<dt><a href="#">《薄荷日记》（2013夏...</a></dt>
<dd><p>作者：杨昌溢 著</p>
<p>出版社：中国民族摄影艺术出...</p>
<p class="a1">出版时间：2013年09月</p>
<p>定价：￥48.00</p>
<p>当当价：￥34.60 </p></dd>
</dl>
</div>
<div id="left">
<div id="left"><img src="图片素材/book-05.jpg" width="70" height="70"></div>
<dl>
<dt><a href="#">我很怕，但我还有勇气...</a></dt>
<dd><p>作者：王伟忠 著</p>
<p>出版社：人民文学出版社</p>
<P class="a1">出版时间：2013年08月</P>
<p>定价：￥32.00</p>
<p>当当价：￥21.30 </p></dd>
</dl>
</div>
<div id="right">
<div id="left"><img src="图片素材/book-06.jpg" width="70" height="70"></div>
<dl>
<dt><a href="#">瓦尔登湖（159年来最好...</a></dt>
<dd><p>作者：[美] 亨利·戴维·梭罗...</p>
<p>出版社：天津人民出版社</p>
<p class="a1">出版时间：2013年08月</p>
<p>定价：￥39.80</p>
<p>当当价：￥29.90 </p></dd>
</dl>
</div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
}
#content{
width:550px;
margin:0px auto;
border:solid 1px #848484;
}
h3{
font-size:14px;
color:#5e030a;
background-color:#dfdfdf;
line-height:25px;
}
#left{
float:left;
overflow:hidden;
padding-top:10px;
padding-left:5px;
}
#right{
float:right;
overflow:hidden;
padding-top:10px;
padding-right:30px;
}
dl{
float:right;
overflow:hidden;
}
dt a{
font-size:14px;
color:#1a6199;
text-decoration:none;
}
dt a:hover{
text-decoration:underline;
}
dd p{
font-size:12px;
line-height:25px;
}
.a1{
color:red;}
