热门活动 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>热门活动</title>
 6     <style>
 7         body{
 8             padding-top:15px;
 9             width:700px;
10             margin: 0 auto;
11         }
12         .title{
13             font-size:20px;
14             font-weight: bold;
15             float: left;
16         }
17         .more{
18             color:gray;
19             float: right;
20             font-size:19px;
21             font-weight: bold;
22         }
23         .x {
24             padding-top: 35px;
25         }
26         li{
27             list-style: none;
28             font-size: 12px;
29         }
30         .l1{
31             float: left;
32         }
33         .l2{
34             float: left;
35             padding-left: 40px;
36             display: inline-block;
37         }
38         .l3{
39             float: left;
40             padding-top: 25px;
41         }
42         .l4{
43             float: left;
44             padding-left: 40px;
45             display: inline-block;
46             padding-top: 25px;
47         }
48     </style>
49 </head>
50 <body>
51 <div>
52     <div class="title">热门活动</div>
53     <div class="more">更多</div>
54     <div class="x">
55         <ul>
56             <li class="l1">
57                 <img src="image/img1.png" alt="图片1" title="图片1"/><br/>推荐活动 | 原创音乐现金榜T榜
58             </li>
59             <li class="l2">
60                 <img src="image/img2.png" alt="图片2" title="图片2"/><br/>推荐节目|《TAImusic》爆笑来袭
61             </li>
62             <li class="l3">
63                 <img src="image/img3.png" alt="图片3" title="图片3"/><br/>推荐歌单 | 继续宠爱张国荣
64             </li>
65             <li class="l4">
66                 <img src="image/img4.png" alt="图片4" title="图片4"/><br/>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间
67             </li>
68         </ul>
69     </div>
70 </div>
71 </body>
72 </html>

 

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