码迷,mamicode.com
首页 > 其他好文 > 详细

畅销书排行榜

时间:2021-01-20 12:12:26      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:ott   成功   near   bsp   心智成熟   nta   bcb   none   复制   

 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>

 

畅销书排行榜

标签:ott   成功   near   bsp   心智成熟   nta   bcb   none   复制   

原文地址:https://www.cnblogs.com/ypha/p/14301123.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!