動的切り替えランキング--音楽チャンネル

2151 ワード


           ,    ,   css       
<div id="top">
  <ul id="sidebar">
    <li class="">v]   </li>
    <li class="">[v]   /li>
  </ul>
  <div id="content">
      <div>
         <ul class="music">
           	 <li class="one">    [  ]</li>
           	 <li class="two">    [  ]</li>
	   				 <li class="three">    [  ]</li>
	   				 <li class="four">    [  ]</li>
	  				  <li class="five">    [  ]</li>
	   				 <li class="six">    [  ]</li>
	   				 <li class="seven">    [  ]</li>
	    				<li class="eight">    [  ]</li>
         </ul>
      </div>
      <div>
         <ul class="music">
           	 <li class="one">    [  ]</li>
           	 <li class="two">    [  ]</li>
	   				 <li class="three">    [  ]</li>
	   				 <li class="four">    [  ]</li>
	  				  <li class="five">    [  ]</li>
	   				 <li class="six">    [  ]</li>
	   				 <li class="seven">    [  ]</li>
	    				<li class="eight">    [  ]</li>
         </ul>
      </div>
  </div>
</div>

#top div ul#siderbar{
   height:20px;
   line-height:20px;
   width:215px;
   margin:0 auto;
   background:red;
   border-bottom:1px solid #5b5b5b;
   padding-top:5px;
}
#top div ul#siderbar li{ -- li      ,      
	 float:left;
	 cursor:pointer; ---    
	 width:60px;
	 height:20px;
	 margin-left:5px;
	 color:#666;
	 text-align:center;
	 background:url(images/libg1.gif) no-repeat left center;
}