练习5：制作畅销书排行榜
Posted 铉色、
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了练习5：制作畅销书排行榜相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h1{
background: green;
}
li{
color:cornflowerblue;
}
#a1{
list-style-image:url(../img/book_no01.gif);
list-style-position:inside
}
#a2{
list-style-image:url(../img/book_no02.gif);
list-style-position:inside
}#a3{
list-style-image:url(../img/book_no03.gif);
list-style-position:inside
}#a4{
list-style-image:url(../img/book_no04.gif);
list-style-position:inside
}#a5{
list-style-image:url(../img/book_no05.gif);
list-style-position:inside
}#a6{
list-style-image:url(../img/book_no06.gif);
list-style-position:inside
}#a7{
list-style-image:url(../img/book_no07.gif);
list-style-position:inside
}#a8{
list-style-image:url(../img/book_no08.gif);
list-style-position:inside
}#a9{
list-style-image:url(../img/book_no09.gif);
list-style-position:inside
}#a10{
list-style-image:url(../img/book_no10.gif);
list-style-position:inside
}
</style>
</head>
<body>
<h1>畅销书排行<img src="../img/bang.gif"></h1>
<ul>
<li id="a1"><p>不抱怨的世界(畅...</p></li>
<li id="a2"><p>遇见未知的自己...</p></li>
<li id="a3"><p>活法（季羡林、...</p></li>
<li id="a4"><p>高效能人士的七个习惯</p></li>
<li id="a5"><p>被迫强大（北外女生香奈儿...</p></li>
<li id="a6"><p>遇见心想事成的自己（《遇...</p></li>
<li id="a7"><p>世界上最伟大的推销员（插...</p></li>
<li id="a8"><p>我的成功可以复制（唐骏亲...</p></li>
<li id="a9"><p>少有人走的路：心智成熟的...</p></li>
<li id="a10"><p>活出全新的自己——唤醒...</p></li>
</ul>
</body>
</html>
以上是关于练习5：制作畅销书排行榜的主要内容，如果未能解决你的问题，请参考以下文章