网页剧目播放器布局
网页节目播放器布局
<div id="act"> <h1>[V]节目单</h1> <div> <ul> <li><span>00:00-00:30</span> 视网More</li> <li><span>00:30-01:30</span> 45 RPM </li> <li><span>01:30-02:30</span> 视网More </li> <li><span>02:30-03:30</span> 视网More </li> <li><span>03:30-04:00</span> 13亿分贝 </li> <li><span>04:00-05:00</span> 酷乐LA </li> <li><span>05:00-06:00</span> 视网More </li> <li><span>06:00-07:00</span> 视网More </li> <li><span>07:00-08:00</span> 勁爆點 </li> <li><span>08:00-09:00</span> 45 RPM </li> <li><span>09:00-09:30</span> 视网More </li> <li><span>09:30-10:00</span> Double Shot </li> <li><span>10:00-10:30</span> 视网More </li> <li><span>10:30-11:00</span> 13亿分贝 </li> <li><span>11:00-12:00</span> 酷乐LA </li> <li><span>12:00-12:30</span> 劲爆点 </li> <li><span>12:30-13:00</span> 视网More </li> <li><span>13:00-14:00</span> 视网More </li> <li><span>14:00-15:00</span> 酷乐LA </li> <li><span>15:00-15:30</span> Double Shot </li> <li><span>15:30-16:00</span> 视网More </li> <li><span>16:00-17:00</span> 模范棒棒堂 </li> <li><span>17:00-17:30</span> 视网More </li> <li><span>17:30-18:30</span> 视网More </li> <li><span>18:30-19:00</span> 13亿分贝 </li> <li><span>19:00-20:00</span> 酷乐LA </li> <li><span>20:00-20:30</span> Hit on [V] </li> <li><span>20:30-21:00</span> 劲爆点 </li> <li><span>21:00-22:00</span> 视网More </li> <li><span>22:00-22:30</span> Double Shot </li> <li><span>22:30-23:30</span> 酷乐LA </li> <li><span>23:30-00:00</span> 视网More </li> </ul> </div> </div> #acl div h1{ display:block; height:32px; line-height:32px; text-align:center; text-size:16px; color:#FFFFFF; background:url(images/jmd_top.jpg) no-repeat left center; } #act div { width:250px; height:188px; background:url(../images/jmd_bg.jpg); --背景一定要放在div里面,不能放在ul里面 } #act div ul { width:240px; height:188px; margin:0 auto; overflow:auto; color:#fff; text-indent:45px; line-height:150%; letter-spacing:1px; scrollbar-face-color: #333; scrollbar-highlight-color: #666; scrollbar-shadow-color: #333; scrollbar-3dlight-color: #999; scrollbar-arrow-color: #999; scrollbar-track-color: #000; }