Css+html遮罩樣式和結構

weixin_34162629發表於2012-05-16
CSSHTML遮罩

 

.fl-pic{
    overflow:hidden;
    width:750px;  //可見元素的寬度
    height:50px;
    }
    
.fl-pic ul{
    width:3500px;//讓LI能夠在一行，如果小了，LI會換行；
    }
    
.fl-pic ul li{
    float:left;
    width:100px; 
    height:50px;
    }


<div class="fl-pic">
      <ul>
        <li><img src="images/fr-logo-01.gif" alt="" /></li>
        <li><img src="images/fr-logo-02.gif" alt="" /></li>
        <li><img src="images/fr-logo-03.gif" alt="" /></li>
        <li><img src="images/fr-logo-04.gif" alt="" /></li>
        <li><img src="images/fr-logo-05.gif" alt="" /></li>
        <li><img src="images/fr-logo-06.gif" alt="" /></li>
        <li><img src="images/fr-logo-02.gif" alt="" /></li>
        <li><img src="images/fr-logo-03.gif" alt="" /></li>
      </ul>
</div>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

相關文章