練習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：制作暢銷書排行榜