练习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:制作畅销书排行榜的主要内容,如果未能解决你的问题,请参考以下文章

空降Steam畅销榜,独立游戏《戴森球计划》有什么好玩的?

如何在 discord.js 中使用 JSON 数据库制作排行榜

疑惑求解

Redis 排行榜 自己简单练习

科学的励志和励志的科学

仿写网易云-排行榜页面