实训四 课外拓展训练4.1
一、页面文字素材：
- 9古汉语常用字字典(第4版)
- (13条评论)
- 王力 等 原著者 2005年07月 商务印书馆
- 本书由著名语言学家王力、岑麟祥、林焘、戴澧、唐作藩、蒋绍愚等十余位专家学者编写，是学习古汉语的必备工具书。
- 购买 收藏 25.60元 （8.0折） 定价：￥32.00元
二、代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文轩图书榜</title>
<style type="text/css">
#div3{
width: 900px;
height: 150px;
border: 1px solid #F0F0F0;
float: left;
}
#div1{
margin: 5px;
width: 160px;
height: 150px;
border: 1px solid #e0e0e0;
float: left;
}
#div2{
width: 700px;
height: 150px;
}
ul{
list-style-type: none;
}
li{
line-height: 1.5em;
}
.sp1{
background-color: #ff0033;
color: white;
width: 10px;
height: 10px;
}
.sp2{
font-weight: bolder;
font-size: 16px;
font-family: "黑体";
}
.sp3{
color: #ff0033;
font-weight: bolder;
font-size: 16px "黑体";
}
p{
text-indent: 2em;
}
.sp4{
color: #c0c0c0;
font-weight: bolder;
font-size: 16px "黑体";
text-decoration: line-through;
}
</style>
</head>
<body>
<h3>文轩图书榜</h3>
<div id="div3">
<div id="div1">
<img src="../img/4/image4-3.jpg">
</div>
<div id="div2">
<ul>
<li><span class="sp1"> 9 </span><span class="sp2">古汉语常用字字典(第4版)</span></li>
<li>(13条评论)</li>
<li>王力 等 原著者 2005年07月 <span class="sp3">商务印书馆</span></li>
<li><P>本书由著名语言学家王力、岑麟祥、林焘、戴澧、唐作藩、蒋绍愚等十余位专家学者编写，是学习古汉语的必备工具书。</P></li>
<li>购买 收藏 <span class="sp3">25.60元</span> （8.0折） 定价：<span class="sp4">¥32.00元</span></li>
</ul>
</div>
</div>
</body>
</html>
三、页面效果截图：
