CSS 列表控件制作图片展示柜

 

CODE:

<style>
    #imgList{
        width:350px;
        height:350px;
    }

    #one ul{
        padding:0px;
        margin:0px;
        width:350px;
        height:110px;
        margin-top:5px;
    }

    #one li{
        float:left;
        list-style-type:none;
        margin-left:7px;
        margin-top:4px;
    }

    #one img{
        width:100px;
        height:100px;
        border:1px solid pink;
    }
</style>



<div id="imgList">
    <div id="one">
        <ul>
            <li><img src="lang.gif" /><li>
            <li><img src="lang.gif" /><li>
            <li><img src="lang.gif" /><li>
        </ul>

        <ul>
            <li><img src="lang.gif" /><li>
            <li><img src="lang.gif" /><li>
            <li><img src="lang.gif" /><li>
        </ul>

        <ul>
            <li><img src="lang.gif" /><li>
            <li><img src="lang.gif" /><li>
            <li><img src="lang.gif" /><li>
        </ul>
    </div>
</div>