ul li与图片排列

来源:互联网 发布:ubuntu 16.04 ed2k 编辑:程序博客网 时间:2024/05/17 09:03

/*css样式*/

#j_pic70{ width:360px; margin:0 0 0 5px ;}

#j_pic70 li{ width:70px; float:left;}

#j_pic70 li a{ width:68px;display:block; border:1px solid #fff; }

#j_pic70 li a img{ width:68px; height:68px; display:block; display:inline;}


<ul id="j_pic70" class="left">
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
               
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
                <li><a href=""><img src="img/child1.png" /></a></li>
             <br class="clear" />    
  </ul>

原创粉丝点击