畅销书排行榜 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>畅销书排行榜</title>
 6     <style>
 7         div {
 8             width: 250px;
 9             background: linear-gradient(to bottom, #F9FBCB, #F8F8F3);
10         }
11         h2 {
12             font-size: 16px;
13             color: white;
14             line-height: 30px;
15             text-indent: 1em;
16             background: #518700 url("image/bang.gif") no-repeat 100px;
17             background-size: contain;
18         }
19         li:nth-child(1) {
20             background: url("image/book_no01.gif") no-repeat 0 5px;
21         }
22         li:nth-child(2) {
23             background: url("image/book_no02.gif") no-repeat 0 5px;
24         }
25         li:nth-child(3) {
26             background: url("image/book_no03.gif") no-repeat 0 5px;
27         }
28         li:nth-child(4) {
29             background: url("image/book_no04.gif") no-repeat 3px 9px;
30         }
31         li:nth-child(5) {
32             background: url("image/book_no05.gif") no-repeat 3px 9px;
33         }
34         li:nth-child(6) {
35             background: url("image/book_no06.gif") no-repeat 3px 9px;
36         }
37         li:nth-child(7) {
38             background: url("image/book_no07.gif") no-repeat 3px 9px;
39         }
40         li:nth-child(8) {
41             background: url("image/book_no08.gif") no-repeat 3px 9px;
42         }
43         li:nth-child(9) {
44             background: url("image/book_no09.gif") no-repeat 3px 9px;
45         }
46         li:nth-child(10) {
47             background: url("image/book_no10.gif") no-repeat 3px 9px;
48         }
49         li {
50             list-style: none;
51             text-indent: 1.5em;
52         }
53         a {
54             font-size: 12px;
55             line-height: 28px;
56             text-decoration: none;
57             color: #1A66B3;
58         }
59         a:hover {
60             text-decoration: underline;
61         }
62     </style>
63 </head>
64 <body>
65 <div>
66     <h2>畅销书排行</h2>
67     <ul>
68         <li><a href="">不抱怨的世界(畅...</a></li>
69         <li><a href="">遇见未知的自己...</a></li>
70         <li><a href="">活法（季羡林、...</a></li>
71         <li><a href="">高效能人士的七个习惯</a></li>
72         <li><a href="">被迫强大（北外女生香奈儿...</a></li>
73         <li><a href="">遇见心想事成的自己（《遇...</a></li>
74         <li><a href="">世界上最伟大的推销员（插...</a></li>
75         <li><a href="">我的成功可以复制（唐骏亲...</a></li>
76         <li><a href="">少有人走的路：心智成熟的...</a></li>
77         <li><a href="">活出全新的自己——唤醒...</a></li>
78     </ul>
79 </div>
80 </body>
81 </html>

 

posted @ 2021-01-20 09:07  残冰辉  阅读(101)  评论(0)    收藏  举报