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>
© 著作权归作者所有
举报
发表评论
0/200