.topList{
    width:300px;
    height:180px;
    border:1px solid #E8E8E8;
    margin:0 auto;
    }
ul{
    margin:0;
    list-style-type:none;
    padding:5px;
    font-size:12px;
}
em{
    width:20px;
    height:16px;
    text-align:center;
    font-style:normal;
    color:#333;
    background:url("http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg");
    background-position:0px 16px;
    display:block;
    float:left;
}
.top em{
    background:url("http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg");
    background-position:16px 0px;
}
a:link,a:visited{
    text-decoration: none;
    color: #000;
}
a:hover,a:active{
color: #f00;
}

我在ul样式里设置list-style-type;font-size,padding;但是ul距div还是有很大间距.

background-position我也不是太懂,设置0 16px;这个我知道。但是16px 0这是代表什么？为什么可以实现只显示蓝色图片